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

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
964 浏览

javascript - 在 jQuery UI 小部件中更改深度选项

在创建 jQuery 小部件后更改深度嵌套选项的最佳方法是什么?

上面的代码将prop1选项更改为 true 和 nukes prop2。如何prop1在保留prop2.

这是一个 jsFiddle 。

编辑: 我想出了一个解决方案,但它似乎有点像黑客。这是做我想做的最好的方法吗?

这是更新的 jsFiddle。

0 投票
1 回答
1173 浏览

javascript - $.extend IE8 中的 jQuery 对象

在 Widget Factory 中对 jQuery 对象使用 $.extend 时,IE8 似乎丢失了新创建对象上的 jQuery 上下文。让我演示一下。

以下代码适用于 IE9+、Chrome、FireFox

工作的jsfiddle

如上所述,此代码在IE8 之外的所有主要浏览器中都可以正常工作。基本上它返回该this.element2.next().css().show()行的错误消息:

对象不支持此属性或方法

它所指的属性/方法是 jQuery 方法 next()、css() 和 show()

看起来好像在 IE8 中 this.element2 已经失去了它的 jQuery 上下文,因为如果我像这样将对象包装在一个 jQuery 函数中:this.element2 = $(this.element2);一切都很好。

兼容 IE8 的 jsfiddle

所以问题是,这里发生了什么?这是 IE8 的标准行为还是我错误地以编程方式处理这种情况?

0 投票
1 回答
1812 浏览

jquery - jQuery UI 小部件覆盖方法

0 投票
1 回答
1727 浏览

typescript - 如何使用 TypeScript 创建 jQuery UI 小部件

帮助。我是 java 脚本的新手,所以我想我会尝试使用 TypeScript 让我的生活更轻松......但是当我尝试使用 TypeScript 创建一个 jquery UI Widget 时,我不知道从哪里开始。

我之前在 java 脚本中创建了 UI 小部件,并且知道我的目标是最基本的;

(来自jQuery UI Widget Factory教程)

甚至可以使用 TypeScript 创建一个 jquery UI Widget 吗?

任何帮助将不胜感激!

0 投票
1 回答
924 浏览

jquery-ui - _setOption 的 _super 用法似乎与文档不一致?

我相信我在_superjQuery UI 1.9.x 的新方法中发现了一个错误,但在我报告它之前想先由你们运行它。我认为这将是一个轻松的投票给那里的人。

这是我要提交的票。它详细说明了该错误:

根据文档, _super() 没有参数。但是,当在 _setOption() 中使用时,这不能按预期工作:http: //jsfiddle.net/grinn/8jKk8/1/

正如您通过单击更改文本按钮所看到的那样,根据http://api.jqueryui.com/jQuery.widget/#method-_super上的文档,即使正确调用了 _super,文本选项的值也不会更新

但是,如果您将键和值传递给 _super,它确实可以正常工作:http: //jsfiddle.net/grinn/8jKk8/2/

通过查看 jQuery UI 代码本身中 _super 的使用,我发现了这个变通方法。

我将此作为错误而不是文档问题提交,因为它似乎 _super 预计将按照文档所述工作。

在 Firefox 17、Chrome 23 和 IE 9 中测试。

0 投票
1 回答
7999 浏览

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

我正在使用 jQuery UI 小部件工厂。

在测试中,看起来 instanceVar 实际上是原型的一部分。所以它在插件的所有实例中都是相同的。

我可以通过将 instanceVar 放入选项来解决此问题,如下所示:

然而,这似乎很奇怪,因为 instanceVar 只是插件使用的一个内部变量——插件的用户不应该能够改变它。

是否有另一种(更好的)方法来实现这一目标?

谢谢你的帮助!

0 投票
2 回答
1166 浏览

javascript - 使用 jQuery UI Widget Factory 删除销毁事件的推荐方法

我正在使用 jQuery UI Widget Factory 来构建一个 jQuery 插件。

我的插件将自定义事件绑定到窗口...

我想知道当插件的特定实例被破坏时如何删除这些事件。如果我用...

...那么这会弄乱页面上插件的任何其他实例,因为它将删除所有“dragger.started”事件。

仅销毁与插件实例关联的那些事件的推荐方法是什么?

在此先感谢您的帮助。

0 投票
1 回答
277 浏览

javascript - jQuery UI 小部件工厂和原型?

使用 jQuery UI Widget Factory,我如何设置一个在插件的所有实例中保持相同值的属性?(因此,如果值在一个实例中更改,它会在所有实例中更改。)

例如

0 投票
1 回答
113 浏览

javascript - JqueryUI 自己的小部件:实例覆盖值(有时)

我写了一个小测试来描述我的问题:

在这个例子中,两个日志都给了我一个真实的“foo”(如预期的那样)和一个真实的“bar”(不是预期的)。

这是一个错误还是我做错了什么?

使用 jQuery 1.7.2 和 1.9.1 测试。使用 jQueryUI 1.9.2 和 1.10.0 测试。

谢谢

0 投票
1 回答
4681 浏览

jquery-ui-dialog - 关于 jQuery UI 小部件的广泛教程/文档

如果在其他任何地方都对此有所回答,请请求宽恕(指向该链接的链接将非常有帮助)

我无法在 $.widget 上找到好的教程或文档。UI 文档对此有所限制。我正在寻找的是有关如何有效定义事件和调用自定义小部件的文档。如何拦截来自基本小部件的事件。什么是最佳实践,以及推荐的设计模式。

可悲(并且令人惊讶)我发现的唯一文档是http://msdn.microsoft.com/en-us/library/hh404085.aspx

我正在构建(或尝试构建)一个自定义小部件(以 ui.dialog 为基础),它将在其中托管一个 slickgrid 和一些用于导航数据的按钮(slickgrid 默认按钮不够好,因为数据源是大量 ajax 驱动的) .

到目前为止,我的进步非常好,我开始佩服 $.widget 的强大功能。由于我在这里处于学习曲线上,因此我希望获得一些有关最佳实践的专家建议和指导。

提前致谢