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

jquery - 更改 jQuery 插件中的配置选项时触发事件?选项还是公共方法?

我正在开发用于平滑滚动的 jQuery 插件的下一个版本(Smooth Div Scroll)。这是一个基于 jQuery 小部件工厂的有状态插件,因此插件的状态可以在插件初始化后更改。用户可以更改插件的配置选项,也可以使用我提供的一种公共方法。

在这个插件中,我有一个布尔选项:hotSpotScrolling (true/false)。如果用户将此选项设置为 true 作为插件初始化时提供的选项的一部分,则会激活滚动热点。反之亦然 - 如果设置为 false,则禁用。

如果用户在插件初始化后更改此选项,我需要插件响应此更改。因此,如果用户将 hotSpotScrolling 设置为 false,我需要隐藏热点并停用与热点滚动相关的其他一些内容。反之亦然,如果用户将 hotSpotScrolling 设置为 true,我需要显示热点并激活其他内容。

但据我所知,没有办法让 jQuery 插件响应我刚才描述的场景中的选项更改,我什至不确定它是否可取。对我来说,这听起来更像是公共方法的任务?因此,用户不会更改选项,而是调用公共方法,并在此方法中编写更改插件状态的代码。

当谈到在 jQuery 插件中选择更改选项和调用公共方法时,我对最佳实践感兴趣,最好是一些很好的示例,其中包含阐明这种困境的代码。

提前致谢!/托马斯

0 投票
1 回答
2988 浏览

wcf - 对 WCF ajax 启用的 Web 服务的 Jquery Ajax 调用在 Firefox 上不起作用

我创建了一个名为“Service1.svc”的启用 WCF ajax 的 Web 服务“我必须在另一个使用 Jquery 的应用程序中调用此服务。” 我在其中创建了方法:

现在我在我的第二个应用程序的 html 页面中创建了 jquery 脚本:

现在,我的问题是,每当我在 IE 中执行此页面时,它都可以正常工作。但在 Firefox 中它不起作用。error: function (textStatus) {alert("ERROR");}它给出在上面的 ajax 调用中定义的警报错误消息 。

我使用 $.get(), $("#divMyMarkup").load(serviceUrl, callback) 尝试了这个功能。我还尝试通过将数据类型更改为 json, jsonp, html 来实现这一点。我仍然没有得到确切的解决方案。

这里有高手吗?

0 投票
1 回答
132 浏览

jquery - jQuery:如何扩展扩展?

我已经看到 jQuery 的插件可以这样扩展:

我想知道是否可以扩展扩展名?所以,比如说,我想在可拖动插件的 zIndex 扩展中改变一些东西(不是全部),也就是说,在启动回调函数的最开始放置一些我自己的代码。我该怎么办?如何访问该功能来代理它?

0 投票
1 回答
962 浏览

php - 创建一个 jQuery XP 栏

我想创建一个 XP 栏,正如您在许多游戏中看到的那样,显示游戏中从一个级别到另一个级别的进度。

我找不到人们已经创建的任何小部件 - 但我认为使用 jQuery 可能会让我的生活更轻松。

有没有人这样做,或者有任何想法如何做到这一点。

我发现http://docs.jquery.com/UI/Progressbar这是一个起点,但我想要一个更完整的实际 XP 栏,其中包含数字等内容。

这可能吗 - 任何人都可以帮忙!?

0 投票
2 回答
118 浏览

jquery - jquery 和类

我有 2 节课:

我想用一个类替换我的前两个函数。

功能b有效,但功能a无效。为什么?

0 投票
2 回答
1849 浏览

javascript - Jquery Widget vs Jquery Plugin,差异,何时使用?

Jquery Widget 和 Jquery Plugin 之间的主要区别是什么。

主要是:

  • 他们服务于什么目的
  • 是一个比另一个更好还是他们都在 jquery 世界中占有一席之地
  • 什么是我想使用一个而不是另一个的例子
  • 什么是一个例子,如果任何一个都是一个很好的解决方案
  • 什么是广泛使用的小部件和广泛使用的插件的示例
0 投票
0 回答
3125 浏览

jquery-ui - jQuery UI 自动完成的 jQuery 扩展

我正在尝试扩展默认的 jQuery UI 1.8.16 自动完成插件来做一些事情:

  1. 搜索匹配项时检查值数组,而不仅仅是标签/值
  2. 根据项目上的类别以不同的模式呈现菜单项

所以为了做到这一点,我开始研究代码。我对编写小部件/插件非常陌生,所以我想知道是否有人可以帮助我理解这部分。我目前正在尝试执行以下操作:

_renderMenu代码几乎直接取自文档中的示例。该_renderItem代码在此示例中也有效。不起作用的是过滤器代码。我确实注意到过滤器代码是在 jQuery 库中定义的,如下所示:

从我到目前为止收集到的内容来看,这是扩展jQuery autocomplete前面通过调用定义的,$.widget("ui.autocomplete"... 但是为什么要这样处理呢?为什么这两个函数没有像其他所有函数一样在小部件定义中处理?我注意到,如果我ui.autocomplete以与基本小部件相同的方式进行扩展,那么我可以让过滤器覆盖工作。我想扩展控件并同时包含新的过滤器,这样我可以让我的代码更干净一些,但我不明白为什么要这样做。有没有我错过的好处?

0 投票
1 回答
13517 浏览

jquery - jQuery Mobile 页面显示功能

我正在使用 jqm 框架构建一个 webapp,并且pageshow在包含 jQuery 小部件 k3dcarousel 时我一直在尝试使用该功能。在有问题的页面上,我在data-role="page"div 下面有我的脚本,

看来我需要点击我的链接两次才能加载 JS 函数,这会让我觉得我使用这个函数是错误的。另外,如果我不使用 $("#page-about").die(); 函数下面的pageshow函数,如果我单击返回然后再次单击链接,脚本将被多次加载。

我是否使用pageshow错误的逻辑?有没有更好的方法来实现我正在尝试做的事情:AJAX 这个页面到我的移动框架中。

我知道这是一个相当具体的问题,但希望有一个通用的答案,因为在我看来这可能发生在任何小部件上。

非常感谢任何帮助,如果有帮助,我可以粘贴更多代码。

感谢您的时间。

0 投票
4 回答
28598 浏览

jquery - 从外部小部件访问小部件实例

这是一个简单的小部件模拟:

它只添加了一个可以调用来隐藏元素的方法 hide。如果从小部件内完成,则很容易

但是一个常见的场景是你想从外部调用一个小部件实例的方法(Ajax 更新,或其他外部事件)

那么访问小部件实例的最佳方式是什么?一种方法是将小部件的引用添加到元素中,丑陋...

然后你可以从外部访问它

0 投票
1 回答
597 浏览

javascript - JQuery.jeditable.js 就地编辑错误(Windows7、Chrome 16)

我正在使用这个就地编辑小部件jquery.jeditable.js。在 Windows 7 上,在 Chrome(最新版本 - 16)中,当我在输入字段中键入文本时,会出现一个奇怪的错误,即文本在其自己的字段中变低。这使得它不可读(见附件)。我输入的每个其他字母都会发生这种情况。有没有人遇到并解决了这个错误?

提前致谢

在此处输入图像描述