问题标签 [jquery-widgets]

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

jquery - 如何更改此 jQuery 小部件(为 jQueryUI 1.7 编写)使其与 jQueryUI 1.8 一起使用

这个 jQuery 插件允许用户在 div 中绘制矩形,适用于 jQueryUI 1.7.2。

我需要让它与jQueryUI 1.8.4一起工作。通过阅读小部件升级指南,我无法确定需要更改的内容。我尝试将 _init() 重命名为 _create(),但这并没有做任何事情。我还需要更改什么才能使其正常工作?谢谢阅读。

0 投票
1 回答
1676 浏览

javascript - Jquery 小部件回调。获得一个函数来触发

我向 jquery 小部件添加了回调。它将在控制台中输出数据,但我如何让它将某些东西应用于页面中的数据?

例子...

在我的小部件选项中,我已将以下内容用于接收输入:

并且还向小部件添加了一个方法:

在小部件的另一种方法中,我进行了 ajax 调用,然后_complete在 ajax 完成后调用使用此方法触发:

因此,如果,当我使用小部件时,我将一些东西传递给complete选项,如下所示:

我将在控制台中看到这个输出:

但我真正想要的是将其实际应用到代码中,以便它更改 gridrow 类的背景颜色。

我可以传入任何内容并在控制台中将其输出,但是如何将其实际应用到页面?

0 投票
1 回答
223 浏览

jquery-ui - jQuery UI 命名空间小部件

我正在查看ui.dialog源代码,这可能是有史以来最好的学习体验。

我看到他们引用uiDialog了很多,而且很明显 uiDialog 冷藏到小部件本身。所以我在我的小部件中尝试了这个,namespaceWidgetName但它是未定义的。我是否理解uiDialog正确,以及如何在小部件中冷藏到我的小部件?

0 投票
2 回答
1482 浏览

jquery - jQuery UI 小部件:如何获取小部件的容器?

我目前正在开发一个使用小部件工厂的 jQuery UI 小部件,我需要获取包含我的小部件的选择器。

清理事情:

  • 我使用 jQuery UI 选项卡(官方)
  • 我的小部件在每个选项卡中创建(每个选项卡 1 个实例,表示不同的显示)
  • 当我在选项卡中执行操作时,它需要更新位于同一选项卡中的小部件

问题 :

  • 当我执行上述操作时,更新不会发生在右侧选项卡中,而是发生在第一个选项卡中

我尝试了对我的操作的监听器的一些修改,但我相信问题来自小部件本身。一切都是用类定义的(因为它应该出现多次),除了用 id 定义的选项卡本身。我试图让它发生在 widget 元素中,它是 said 的子元素div#id,但它不起作用。

我需要知道如何从小部件的代码中获取小部件的容器以便在右侧选项卡中进行修改

谢谢你的帮助。

编辑:这是一个jsfiddle,显示了我的应用程序的(非常)基本结构。当我触发我的动作时,我会在最近的小部件实例上执行它,这意味着同一选项卡中的那个。但实际效果在第一个选项卡中。这是因为(我认为)我的插件使用类来定位自己的元素。但如果我能说

获取我创建的容器的子元素

我相信它会起作用

0 投票
2 回答
163 浏览

javascript - Jquery 小部件的问题

我有一个像这样的小部件

该行this.self._headerClick();引发错误。这是因为在该上下文this中是被单击的th元素。如何获得对 _headerClick 函数的引用?

0 投票
0 回答
518 浏览

javascript - firefox 和自制 jquery 小部件的刷新问题

我对 Firefox 4 上的自制 jquery 小部件有问题(我没有测试过其他版本的 Firefox)。

我的小部件的目的只是在“文件”类型的输入之后添加 2 个输入元素。所以这里是对小部件的调用和我的 HTML 代码:

如果禁用小部件并选择 2 个文件,然后按 F5 刷新页面,浏览器会记住这两个文件。

现在,这是我的小部件代码:

如果在激活小部件的情况下,您尝试选择 2 个文件,然后按 F5,则只记住第一个文件。问题的根源似乎是“追加”方法。但是我也试过insertAfter、insertBefore、add、wrap等方法,但总是出现同样的问题。

有人知道如何解决这个问题吗?

注意:我在 IE 9 上尝试过,但是这个糟糕的浏览器在按下 F5 后确实会记住字段值,所以这个问题不适用于这个浏览器。

编辑:错误更正

0 投票
1 回答
1517 浏览

jquery-ui - javascriptMVC jqueryMX 控制器 VS。小部件 - 我们都可以相处吗?

我们建立了一个 ajax 网站并正在考虑迁移到 javascriptMVC。我们的网站有我们自己的自制控制器,它处理对 html 和 JS 的 ajax 调用,并且 UI 广泛使用 JQuery UI 小部件。

我阅读了一些关于 javascriptMVC 的内容,并且喜欢模型处理方式的概念。尤其是与 ajax 交互来读取数据是多么容易。我想我一直认为模型是 JSON 对象(某种意义上的结构),却忘记了向模型添加方法可以证明是多么强大。

然而,深入到 javascriptMVC 中,我注意到控制器承担了 JQuery UI 小部件的大部分职责。我讨厌放弃我们已经工作的小部件。我们有哪些选择?

我们可以只采用 JQueryMX 的模型吗?明智吗?我们是否应该完全改变我们的控制器和小部件并全押到 JavascriptMVC 中?还有其他选择吗?

说到目标——我们希望为未来的 Ajax 站点(控制器 + 小部件)提供一个框架。

0 投票
2 回答
10271 浏览

javascript - jQuery 插件与小部件

几个月前,我开始使用 jQuery 插件进行一些实验。我在 Internet 上找到了一些教程,然后开始整理一些东西。
几天前,我需要构建自己的“插件”并回到我的旧项目。试图在互联网上找到更多信息,我偶然发现了这些称为小部件的新“东西”。

据我了解,我应该忘记插件并开始开发小部件。插件是一个旧概念还是仍然有效?如果您需要带有界面的自定义 jquery 控件,最好的方法是什么?

我正在广泛使用 jQuery UI。

0 投票
1 回答
3244 浏览

jquery - 什么 nuget 包用于 jquery 自动完成小部件

我只是在学习 jquery 和 nuget 包管理器。我想使用自动完成小部件。我运行了“安装包 jquery”。然后我认为是“Install-Package jquery.ui.combined”。如果我尝试运行 jQuery.UI.Widgets.Autocomplete”,它将无法正常工作。我尝试安装核心,因为它看起来像一个依赖项,而且也不起作用。

当我输入“get-package”时,我看到以下内容

自动完成功能是否在寻找旧版本?有人可以指导我如何继续安装软件包以使其正常工作,或者如何卸载它们并以正确的顺序安装正确的软件包?

0 投票
1 回答
446 浏览

jquery - 将一个 jQuery 插件实例应用于多个元素?

我正在编写一个从 ui.dialog 继承的弹出窗口小部件,我想知道是否有办法在许多元素上重用相同的弹出窗口实例。例如,假设我有这个 html:

如果我调用 $(.pops).popup(options),popup 的 _create 方法将被调用 3 次,我将在页面上有 3 个实例。我想创建一个弹出窗口,其位置、大小和内容会根据触发它显示的链接进行修改。

当创建一个新的弹出实例时,一个(最初隐藏的)弹出 div 将附加到页面上,并带有一个子 div 来保存该弹出的内容。因此,您可以想象将占用大量空间来存储指向创建的所有不同弹出窗口的指针。

我的直觉是,只有一个可重复使用的弹出窗口比拥有 3 个单独的弹出窗口更有效,特别是因为我一次只希望打开一个。我的直觉不正确吗?