问题标签 [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 回答
1184 浏览

jquery-ui - 如何子类化一个小部件

jQuery UI 1.8 添加了使用如下代码扩展小部件的功能:

现在我可以创建一个weirdbutton,它的工作原理很像一个按钮:

然而,只有奇怪的按钮事件被触发。所以如果我有类似的东西

我会想念所有奇怪按钮的创造。这可以通过从怪异按钮小部件手动触发按钮事件来解决。不是很好,但有效。

更大的问题是这样的代码不起作用:

第二行不是在现有按钮上设置选项,而是创建一个新按钮。我不知道如何解决这个问题。

那么,有没有办法制作一个遵循Liskov 替换原则的子类小部件?

0 投票
2 回答
2332 浏览

jquery - jQuery UI 的小部件有替代品吗?

我正在为 jquery mobile 制作日历,我正在使用 jquery weekcalendar (jQ wC),但问题是 jQ wC 正在使用 jquery UI,这与 jquery mobile 冲突。

出于这个原因,我已经从 jQ wC 中删除了所有与 UI 相关的内容,但我被困在最后一部分,那就是小部件部分。

它的工作原理是这样的:有一个 jq wc CORE 文件,它启动一个小部件,还有一个指向这个小部件的 Impl 文件,这个文件覆盖了核心文件中的设置。

我的问题是:我怎样才能摆脱小部件,并且仍然让这个 impl 文件覆盖核心的设置?

这些文件可以在这里找到:http:
//pastebin.com/gswWRm8D
http://pastebin.com/2180H1Ve

编辑我暂时解决了tihs,通过剥离UI代码,只导入jQuery UI的小部件部分(只有3kb,而不是导入整个库:200kb)。然而,我仍在寻找完全删除图书馆的东西。

0 投票
2 回答
5849 浏览

javascript - 可以从元素中删除谷歌地图吗?

我一直在搞乱jQuery-UI 的 小部件工厂来创建一个谷歌地图小部件。

destroy小部件工厂包括从元素中删除小部件的预构建功能。我很想知道是否有办法从谷歌地图中分离原始元素而不从 DOM 中删除元素。

我所做的大部分搜索都导致了如何从谷歌地图中删除标记和其他图层,而不是从 DOM 中删除地图。

0 投票
5 回答
255 浏览

javascript - 小部件中的 this 和 $(this)

this 和 $(this) 在像 create 这样的小部件方法中是什么意思?

例如,拥有这样的小部件,

提前致谢,

-拉贾。

0 投票
0 回答
301 浏览

javascript - 允许在对话框中选择多个文件,但使用 jQuery 作为单独的 POST 发送到服务器

我想将单个文件发布到 Amazon S3,但允许用户在单个文件选择中选择多个文件。

我可以使用单个文件选择成功地 POST 到 S3,所以我不需要任何建议,但我想要建议的是如何在对话框选择框中拆分单个文件元素,然后将每个文件作为个人 POST

我正在使用jquery-file-upload插件,所以如果您可以提供与此相关的信息,那将是一个加分项,我敢肯定。

0 投票
1 回答
137 浏览

jquery - jQuery UI 小部件无法找到封闭的功能

我正在尝试创建一个简单的进度小部件。但我得到_showProgress的不是一次又一次的函数错误。

0 投票
1 回答
1680 浏览

jquery - 如何在 jquery 文件上传 options.done 回调之间插入?

我正在使用:https ://github.com/blueimp/jQuery-File-Upload

基本上,我需要能够保存当前done回调并在我自己的done回调中调用它,这非常复杂(我不熟悉 jquery ui 小部件)。

这是我试图工作但无济于事的代码:

我已经尝试了主题的各种变体:

和:

和:

所有错误基本上都告诉我这this是不正确的,并且上下文不适合所有以下调用。我究竟做错了什么?如何或多或少地将特定回调子类化但仍使用/调用原始回调?

更糟糕的是,复制done回调的源代码olddone(而不是保存引用并调用它)似乎也不起作用。

thisjQuery UI Widget 选项函数的上下文是什么?为什么这么复杂?我错过了什么?

编辑: 在阅读了一些小部件文档之后,似乎所有方法总是使用小部件实例调用this,那么为什么下面的工作不正确呢?

更新:

我试图done:在这里保留回调optionshttps ://github.com/blueimp/jQuery-File-Upload/blob/75d11179fd9c248c061c8eb428782bb556c8db0a/js/jquery.fileupload-ui.js#L139

0 投票
2 回答
425 浏览

jquery-ui - JQuery UI Widget继承/类方法调用

我正在尝试在 JQuery UI (v 1.9 m8) 中编写一个自定义小部件:http ://pastebin.com/zua4HgjR 从我的网站我这样称呼它:var D = new $.ui.mail({}); 基本上它有效。

是否有更好的方法在单击按钮时调用 doSend?

问题是如何从函数处理程序访问对象实例?"this" 返回整个 html 窗口。尝试使用 $.proxy 不起作用:单击:$.proxy(this.doSend, this);

谢谢指教!

0 投票
2 回答
3675 浏览

javascript - 如何销毁所有 jQuery UI 小部件?

我使用 jQuery 和 jQuery UI 开发了一个大型“单页应用程序”。当我在应用程序中加载各个部分时,它会创建 jQuery UI 小部件,例如对话框或日期选择器。当我重新加载某些部分时,它们往往会徘徊并引起一些问题。我希望能够调用一个函数来销毁所有已加载的 jQuery UI 小部件并将它们从 DOM 中删除。有什么办法可以全部抓到吗?谢谢!

0 投票
1 回答
5069 浏览

javascript - 获取对 jquery ui 小部件所有实例的引用?

我正在编写一个 jquery UI 小部件,它简单地包装了 bootstrap popover 插件,在小部件中,您可以传入选项“singular”,如果传入,那么它应该调用插件的所有其他实例的函数。

就像是

所以,我想象 show 函数看起来像:

所以,问题是,我将如何获得对所有具有myWidget小部件的元素的引用?