扩展 jQueryUI 小部件而不会发生冲突

Question

我对扩展 jqueryUI 对话框小部件的行为很感兴趣。在过去，我已经覆盖了这样的函数：

//Custom dragging
$.ui.dialog.prototype._makeDraggable = function () {}

但我认为我应该改为使用小部件工厂来创建一个新的小部件，而不是从对话框继承。

我相信代码应该是这样的：

(function($, undefined) {
  $.widget('cs.dialog', $.ui.dialog, {
    // definition of the widget goes here
  });
}(jQuery));

我的问题是，即使我的对话框小部件位于 cs 命名空间中而 jquery 位于 ui 命名空间中，这是否会导致冲突？我相信 jquery 将小部件方法附加到 $.fn 所以我认为它会。

如果是这样，如果您仍然遇到冲突，命名空间的目的是什么？我是否需要将我的小部件命名为“cs.csDialog”以保持其唯一性？我觉得我对此的理解中缺少一些东西。

感谢您的帮助或澄清。

Answer 1

$.widget() 内部调用$.widget.bridge() 将小部件方法添加到$ 对象：

$.widget.bridge(name, $[namespace][name]);

如您所见，它只传递了小部件的名称和创建函数。命名空间仅用于访问创建函数，不作为方法名称的一部分。

因此，在您的情况下，调用您的小部件 dialog 确实会替换 $.dialog()。但是，原来的 $.dialog() 方法仍可作为 $.ui.dialog() 使用，同样，您的方法将始终作为 $.cs.dialog() 使用。