Tag: jquery ui widget factory

如何在Jquery UI小部件中实现inheritance

我试图从基本小部件inheritance一个方法到另一个小部件。 这是我的示例代码 我的基本小部件是 $(function () { $.widget(“UI.baseWidget”, { options: { testVal:” }, _create: function () { alert(this.option.testVal); }, }); }); 调用此基本小部件的其他小部件是 $(function () { $.widget(“UI.MyWidget”, $.UI.baseWidget, { options: { testVal:” }, _create: function () { $.UI.baseWidget.prototype._create.call(this); } }); }); 并初始化MyWidgetcode是’ $(‘#mydiv’).MyWidget({testVal:’test widget’}) 我们如何将myVidget中的testVal选项传递给baseWidget调用？ 我得到一些错误的错误 未捕获的TypeError：我不是构造函数 未捕获的TypeError：$（…）。MyWidget不是一个函数 可以帮我解决这个问题。 提前致谢

推荐使用jQuery UI Widget Factory删除destroy上的事件的方法

我正在使用jQuery UI Widget Factory来构建一个jQuery插件。 我的插件将自定义事件绑定到窗口… _subscribe: function() { $(window).on(“dragger.started”, function() { … }); } 我想知道如何删除这些事件，当插件的特定实例被销毁时。 如果我用… destroy: function() { $(window).off(“dragger.started”); } …那么这会搞乱页面上插件的任何其他实例，因为它会删除所有“dragger.started”事件。 建议的方法是仅销毁与插件实例关联的那些事件？ 在此先感谢您的帮助。

使用jQuery UI Widget Factory创建实例变量的正确方法

我正在使用jQuery UI小部件工厂。 $.widget(“myPlugin” , { options: { }, _create: function() { }, instanceVar: “huzzah!” }); 在测试时，看起来instanceVar实际上是原型的一部分。 所以插件的所有实例都是一样的。 我可以通过将instanceVar放入选项来解决这个问题，如下所示： $.widget(“myPlugin” , { options: { instanceVar: “huzzah!” }, _create: function() { }, }); 然而，这看起来很奇怪，因为instanceVar只是插件使用的内部变量 – 而不是插件的用户应该能够改变的东西。 有另一种（更好的）方法来实现这一目标吗？ 谢谢你的帮助！