问题标签 [jquery-ui-widget-factory]

我刚刚发现这个问题正是在问我在寻找什么：一种在 OOP 中构造可以呈现复杂 DOM 聚合的小部件的方法。

我没有使用 JQuery，所以我要求替代这个小部件工厂，或者至少是一些我可以阅读类似内容的示例/存储库。

我在理解 jQuery Ui Widget 工厂的事件处理方面有一点问题。

看到这个截图：

在此 HTML 上运行：

工作演示：http: //jsfiddle.net/ech2htrt/2/

当您单击图库中的图像时，控制台输出为：

对象[img 50x50]

我希望它是<a>画廊内的元素。当然我可以使用closest()orparent()来获得想要的元素，但这感觉很不自然。我在事件处理程序的定义中哪里出错了？

有没有更好的方法来获取事件触发元素？当我使用this或$(this)引用始终是小部件元素时。

我有一个新的 jquery UI 小部件工厂小部件，在 create 方法中我想加载一个 js 文件，然后用它做一些事情。但是，当我调用 $.getScript 并在回调中引用“this”时，“this”不再是我的插件实例，它现在与加载的脚本有关！我怎样才能访问插件实例呢？

代码：

谢谢！

编辑

这是一种安全的方法吗？它似乎工作。

JQuery-UI 选择菜单小部件有一些扩展方法，可用于自定义下拉选择菜单的呈现/样式。从api 文档中，可以使用以下小部件扩展方法来自定义菜单： - _renderItem( ul, item ) - _renderMenu( ul, items )

我想要实现的是，仅针对 selectmenu 小部件的一个实例覆盖上述扩展方法，而不是在全局级别。小部件工厂文档确实有关于扩展小部件特定实例的示例（示例在本页底部），但在将其应用于选择菜单扩展方法方面没有任何成功。非常感谢对此问题的任何见解。

我尝试在函数内部调用另一个方法，但如果我在内部setTimeout使用，它找不到该方法。我已经尝试了一些解决方案，但似乎没有解决它，所以我在这里问。this.install()setTimeout

我有的代码，记得看看我尝试做什么的评论：

我正在尝试使用继承可拖动的 JQuery Ui 工厂制作我的自定义可拖动小部件。

它在元素本身时工作正常，但我只需要在其子元素上使用可拖动。是否可以与 ihreritance 一起使用，或者我应该像往常一样使用 apply draggable ？

这是我的完整示例：http: //jsfiddle.net/vlrt/j1uogfrx/4/

我最近一直在阅读 Facebook 上的 react.js 库，但我看不出 React 和 jQueryUI 小部件工厂之间有什么区别。有人可以对两者进行比较并告诉我为什么要使用 react.js 而不是 jQuery 小部件工厂吗？

谢谢

我已经开始使用 Widget Factory 来创建插件。但是我似乎找不到从内部销毁插件的方法。

到目前为止，在我发现的所有示例和教程中，它们都从 DOM 中破坏了插件。这一切都很好，但我也希望能够从我的原型中销毁插件。

例如，使用不正确的参数或不正确的元素调用插件，或者在一段时间后它不验证。我希望能够在之后调用 this.destroy() 并销毁插件。当我调用 this.destroy() 时，它确实调用了 $.Widget.prototype.destroy() 和我随后的 _destroy() 方法，但实例仍在 DOM 元素上。只有在调用 $(el).pluginName('destroy') 时，它才会真正被销毁。

快速示例在这里

假设我们有一些 html

以及我们的 jQuery UI 小部件，它旨在在创建后立即销毁它

我们调用插件所以

我希望实例不会在 $('p') 上设置，但它是

仅当从 DOM 调用该方法时，它才会被销毁

有什么想法吗？

我无法确定给定jQueryUI小部件实例的类型。

Widget Factory的jQueryUI 文档提出了两种技术。从“实例”部分：

可以使用 instance() 方法从给定元素中检索小部件的实例。[...] 如果在与小部件无关的元素上调用 instance() 方法，则会返回 undefined。

:data 选择器还可以确定元素是否绑定了给定的小部件。

根据他们的示例，假设我初始化了一个日期选择器，然后代码检查它是否是一个日期选择器：

根据文档，我希望.is调用返回 true，最后一行返回实例（不抛出异常。）

JSFiddle 在这里。（您需要打开浏览器的控制台才能查看记录的输出。）

我已经使用 Widget Factory 编写了一个 JQuery UI 小部件，我计划在新的空元素上调用它，然后将其替换为基于小部件私有函数中的模板的新 HTML 结构。

我想调用小部件的构造函数的元素如下所示：

<span id="b-accordion-1" class="b-accordion" data-accordion-title="Accordion 1"></span>

然后小部件构造函数运行并用新的 HTML 替换这个元素。

但是，我希望在调用此代码后立即链接此新 HTML：

$("#b-accordion-1").bAccordion();

不过，此时调用此构造函数只会返回原始 DOM 元素，即使该元素不再出现在页面上。

这是我目前拥有的小部件代码：

提前致谢！