问题标签 [jquery-ui-widget]

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 回答
4681 浏览

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

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

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

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

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

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

提前致谢

0 投票
2 回答
165 浏览

javascript - Why does boolean true have toJSON method in IE?

This is a weird IE quirk. Here are the steps:

  1. Go to msn.com in Internet Explorer 8
  2. Pull up dev tools
  3. Switch Browser Mode to "IE8 Compat View"
  4. Switch Document Mode to "IE7 Standards"
  5. Switch to Script tab
  6. run the following script: true.toJSON()

it returns true. No other browser does this. It's giving me issues because it's causing the tooltip widget of jQueryUI to fail for IE because at some point it passes a boolean value of true to $.isEmptyObject(). Normally passing in true would just return true but since true now has a method associated with it (toJSON) it is returning false and breaking the widget.

I noticed there are some sites (like Google) that you can try to do the same test and true.toJSON() just breaks without returning anything. What is this weird toJSON method and how do I get rid of it?

0 投票
1 回答
624 浏览

javascript - 在 jquery ui 1.8 中扩展小部件后销毁不起作用

尝试扩展小部件后,销毁和重新创建小部件似乎不起作用。

扩展小部件时我在这里错过了什么吗?

0 投票
1 回答
767 浏览

jquery - 切换鼠标点击可选择的元素

我需要实现的是

1)我每次点击都可以选择几个元素。

2)当我再次单击所选元素时,它应该被取消选择

HTML 代码:

代码:

查询代码:

在 jquery 站点中查看此代码

0 投票
1 回答
5693 浏览

jquery-ui - jQuery UI 特定用途。要下载哪个 .js?

我正在寻找测试小部件-> 对话框-> 模态确认。

jquery-ui.js很重,仅用于特定用途。从 JQ UI 站点我下载了一个包含许多小 .js 文件的文件夹

我猜它们是主要js的一部分。我已经测试只加载jquery.ui.widget.jsjquery.ui.dialog.js但我得到这个控制台错误:

Uncaught TypeError: Object function ( selector, context ) { // jQuery 对象实际上只是 init 构造函数 'enhanced' return new jQuery.fn.init( selector, context, rootjQuery ); } 没有方法“小部件”

接下来的代码是来自http://jqueryui.com/dialog/#modal-confirmation的 jQ UI 示例的副本

示例显示并按预期工作,仅加载繁重的 query-ui.js 文件

HTML

0 投票
1 回答
2813 浏览

jquery - 类型错误:c 不是构造函数/c.widget 不是函数

我正在尝试让jQuery UI 对话框在我的drupal站点上运行。检查 web 控制台后,我发现我收到了错误:

$(...).dialog 不是函数

我做了一些研究(又名谷歌搜索),我发现这可能是因为我没有将所有必要的js文件添加到我的 drupal 页面。所以我添加jquery.ui.dialog.min.js了它的所有依赖项。但是,我现在得到:

类型错误:c 不是构造函数,c.widget 不是函数。

由于jquery.ui.widget.min.js不依赖任何东西,我不知道该怎么办......

我也没有找到这些错误的任何结论性答案......

编辑:添加的 js 文件(按顺序):

0 投票
1 回答
1626 浏览

jquery - How to set the options in jQuery widget Factory with values from server side variables(JSON file)

I want to set the options for widget with JSON file variable values? How can I do it plus how do I pass the json file to the client side?

The code is being copied from the jQueryUI Widget Factory

0 投票
2 回答
1052 浏览

javascript - 我是否需要在 JQuery Widget 中的每个函数的开头定义“self”、“element”等

我创建了类似这样的 JQuery 小部件

我总是不得不在我创建的每个函数中声明self, 。optionselement

是否有一些基本的理解我错过了,或者我真的必须一直这样做?

0 投票
2 回答
314 浏览

jquery - 在 jquery ui 小部件内维护范围

我在小部件内失去范围时遇到问题。在 _initialize 内部,this.options不起作用,that.options. 如何从此方法访问小部件的范围?

澄清

不起作用,当我在 _initialize 中 console.log 时,我得到