问题标签 [jquery-ui-slider]

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 投票
0 回答
767 浏览

jquery - 在动态元素中创建 jQuery Mobile UI 滑块时遇到问题

我正在尝试在动态创建的列表元素中创建一个 jQuery UI 滑块小部件。就目前而言,列表有效,项目被创建并添加到列表中,滑块显示并响应用户输入,但它没有使用我传入的值进行初始化。我觉得我很接近,但我错过了一些东西。我正在使用 jQuery Mobile 1.0.1 和 jQuery 1.6.4,我对 Javascript 和 jQuery 还比较陌生。

除了页眉和页脚之外,以下是主页中的内容总和:

没有什么花哨。

现在,用户单击页脚中的几个按钮,更新了一个数组,我添加了一个这样的列表项(精简):

列表项的 HTML 正在此函数中创建:

再一次,没什么特别的。现在这里是呈现页面时创建的 HTML。(复制自萤火虫。)

所以,作为新手,我注意到两件事:

  1. 最小值、最大值等的设置似乎没有正确设置。
  2. 我的印象是.slider(),在这种情况下,调用会将 ui 滑块插入到其 id 被调用的元素中#item_Potatoes_price_slider,但正如您所看到的,它正在创建一个新元素“下一个”它被调用的元素。这是相关的还是我误解了什么?
  3. 我还包括一个回调来slider更新#item_Potatoes_qty盒子,因为它是滑动的,但这也不起作用。我在调试时把它剪掉了,这似乎没有任何影响。

那么,任何想法为什么这不起作用?(顺便说一句,我也愿意接受有关改进这一点并使其更清洁的建议。)谢谢!

0 投票
3 回答
3241 浏览

javascript - jQuery 滑块未知

这个滑块是如何工作的?

http://jqueryui.com/demos/slider

给定的来源什么也没显示

在添加这个之前我确实包含了 jquery

但它给了我

SCRIPT438:对象不支持属性或方法“滑块”

错误。

这就是整个代码的样子

我错过了什么?

0 投票
1 回答
2094 浏览

jquery - 如何使用 Jquery 和 Hype 为 HTML5 视频创建音量滑块

当涉及到 Jquery、Javascript 等时,我是一个完整的初学者,但我已经设法让一个 Jquery 滑块小部件在我的页面中工作。现在我想让该滑块控制视频的音量,该视频将作为 Tumult Hype 中动画的一部分嵌入。我知道 Hype 为视频提供了一个“元素 ID”,我可以从 Hype 外部调用它,但我只需要知道我应该将哪些代码添加到 Jquery Slider 函数中以启用该视频的音量控制。请帮忙!

0 投票
2 回答
2536 浏览

jquery - 在回调之外获取 jquery ui 滑块值

是否可以在幻灯片(或任何)回调之外获取jQuery UI Slider的句柄值?我知道您可以使用 ui.value 在幻灯片内部获取它,但是每次移动滑块时如何从外部获取该值?

谢谢

0 投票
3 回答
293 浏览

jquery - 不能在 $().slider({}) 中使用 $(this) 来引用滑块?

假设我有一个像这样的jQuery UI Slider

假设我的滑块旁边有一个动态输入文本来显示滑块的值,如下所示:

所以我的滑块的完整代码是:

如您所见,最初,当页面加载时,我的滑块的值为 7。此外,显示滑块值的输入文本与滑块 div 本身具有相同的 id。我希望滑块的句柄在页面加载时显示该值。如果我将滑块的 value 属性设置为 7,如下所示:

这可以正常工作,但显然,这不是最好的方法,因为滑块的值是从数据库中检索的并且可能会更改(可能是 1、8、4、6 等...)。

现在,如果我尝试做类似的事情:

出于某种原因,这不起作用。句柄不显示值。我做错了什么?,是因为我不能在 $().slider({}) 中使用 $(this) 吗?

请让我知道为什么这不起作用

谢谢

0 投票
5 回答
35476 浏览

javascript - 如何重置 jQuery UI 滑块?

单击按钮不会重置滑块。有什么线索吗?

0 投票
3 回答
1520 浏览

jquery - 如果值不是整数,则无法移动滑块 jquery ui 滑块

我的jQuery UI Slider插件有问题。我想要完成的是,如果数据库中没有滑块的值,这意味着还没有评级,所以我想显示“无值”或“无”之类的东西。问题是如果该值不是整数,我无法移动滑块手柄。您可以在此处查看演示

为什么会发生这种情况,知道我做错了什么,如果值不是有效整数,为什么我不能移动滑块。

0 投票
1 回答
2941 浏览

jquery-ui - jQuery UI slider - doesn't work on IE if developer tools isn't activated

I have a really strange problem. I'm using jQuery 1.7.1 and UI 1.8.17 for a slider.

It works like charm on Chrome, Safari and FF (as long as you don't oben firebug...). So far so good, BUT!

It doesn't work on IE (tested with IE 8 & 9). However, as soon as you open the IE developer tools, the slider works!

I have absolutly no idea how to fix that... so hopefully anyone of you guys can help me out!

My JS-Code:

0 投票
1 回答
1550 浏览

jquery - jQuery 移动数据角色滑块不起作用

我正在使用最新的 jQuery mobile 1.0.1,并且在从第一页转换后加载的第二页上使用 data-role=slider。此数据角色滑块似乎不适用于第二页。当我独立运行该页面时,它可以工作,但在从第一页转换后加载时不会。我也检查了调试,没有 javascript 错误。任何帮助,将不胜感激。

0 投票
1 回答
1633 浏览

jquery - jQuery ui 多个滑块与值混淆

我在短时间内使用了 ui 滑块实用程序,并以以下情况结束。我组合了三个滑块以使用它们的结果并更改对象的 css 框阴影。这是我的代码:

问题是当我改变第一个时一切都很好。当我更改第二个时,第一个下降或增加一个单位,当我更改第三个时,第二个发生相同。此外,我不能将它们全部滑动到 0 或 100。因此,限制出现在 1 和 99。提前谢谢。