问题标签 [jquery-slider]

我在我的网络应用程序中使用 jquery 滑块..需要做一些设计调整。这是我正在使用的 jquery 滑块 UI 的 css 代码https://gist.github.com/2643478

在这里，我想降低滑块手柄的高度。当我在此代码中修改高度时它不起作用：

但我可以控制手柄的宽度。为什么这里不能降低高度？

谢谢！

我有一个 JQuery 滑块，一切正常。

你可以在这里找到它：http: //sebastiaanbr.nl/hetluisterendoog/

但现在我想为滑块添加启动/停止功能，以便我可以随时暂停或启动滑块。我不知道应该从哪里以及如何开始：

});

我需要一个同时带有滚动条和箭头的 jQuery 内容滑块。像 这样的东西，但像这样在侧面有箭头。箭头应出现在悬停父标签上。我在互联网上搜索。但是我找不到我需要的东西。有人知道这样的滑块吗？

我有一个使用滑动标签的测试页面（http://www.maggies-bayfield.com/wp/temp/old/slider_no_jscroll.htm）。如果单击导航栏项目，页面将向下滚动到适当的位置。这正是我想要的。但是，Android 操作系统不支持溢出：自动等，我需要它在所有移动设备上工作。所以，我找到了 Jscrollpane 并在我的测试页面上实现了它。它工作得很好（滚动条出现在 android 上）但滑动标签现在被破坏了（http://www.maggies-bayfield.com/wp/temp/old/jscroll_breaks_slider.htm）。

任何人有任何想法或解决方案？非常感激！

再次：没有jscrollpane的滑动标签：http: //www.maggies-bayfield.com/wp/temp/old/slider_no_jscroll.htm

带有 jscrollpage 的滑动标签：http: //www.maggies-bayfield.com/wp/temp/old/jscroll_breaks_slider.htm

谢谢！八月

我对 JQuery Slider 和 Google Fusion Table 有一点问题。这是一个谷歌地图应用程序。我在 Fusion Table 中存储了几个位置，它们将在地图初始化期间显示在地图上。当然，这不是很有趣，所以我想添加一个 JQuery Slider，以便通过设置事件回调函数，当用户与滑块交互时，地图上出现的位置可以动态变化。但是，即使使用以下代码，滑块也不会移动，这应该非常简单。

我所做的只是初始化地图和滑块。在slider的回调函数中有两行，第一行在网页上显示slider的当前值，范围为0到100；第二行再次查询融合表以反映更新的数据（这里我只是将查询简化为它只是选择所有条目并将它们发送回，因此即使与滑块交互，地图上显示的数据也不会改变）。

在 Chrome 中，我得到的是地图初始化成功，显示了所有数据点。但是，当我尝试移动滑块时，它只是停留在那里，但滑块的值（第 1 行显示的内容）确实发生了变化。但是，如果我注释掉第 2 行，一切都很好，滑块可以自由移动，虽然不发送任何查询...

有没有人有同时使用 Maps、fusion table 和 JQuery 滑块的经验？任何建议表示赞赏。

下面是代码：

我的问题：我需要从 iframe 外部创建可拖动的小部件（例如这里是 jslider）。Container 和 iframe 内容都来自同一个来源。问题是 jQuery 在错误的文档对象上附加了 mousemove 事件。

http://jsfiddle.net/techunter/4pnxh

尝试移动滑块，它只能在鼠标触发 iframe 之外的事件时移动。请帮忙，我卡在这里

编辑：JQuery 侦听滑块句柄上的单击，并在单击事件时在 mousemove 上创建一个新的侦听器，但在窗口内，而不是在框架内。我正在考虑更改 jquery 库并添加一个上下文（默认情况下是 window.document），但它的时间很昂贵。

我想在 Jquery 中创建动态幻灯片我正在写这段代码

和js代码

但是当运行项目时没有显示任何图片但是当使用firebug检查代码时显示此代码

请帮我。谢谢大家。

我正在尝试重现一个适用于这个小提琴的简单 jquery 滑块示例：http: //jsfiddle.net/mericson/5TTm4/6/

这是我的代码：

我有图像文件夹和以下文件

在同一个文件夹中。我使用什么版本的 jquery 来让滑块工作是否重要？

这是一个演示问题的 JSFiddle... http://jsfiddle.net/L2NBP/5/ 出于显而易见的原因，此代码是我的实际代码的简化版本，如下所示。

CSS

HTML

​JS

细节

我有一个提交给 AJAX 的表单.load()。我使用 UI Slider http://jqueryui.com/demos/slider/作为输入。我正在使用范围选项并在表单中有几个输入“滑块”，因此 AJAX 可能每秒被调用多次。完成后我显示成功消息.load()。该消息使用.animate() http://api.jquery.com/animate/进行动画处理，如您在上面的 JS Fiddle 链接中所见。

问题是显示消息的函数在完成第一个动画之前将被多次调用。当这种情况发生时，动画会在用户停止修改表单值很久之后叠加并“闪烁”。我试过这个............if( $('#message').is(":animated") ) return;但它仍然不能很顺利地工作。基本上我需要弄清楚如何动态地延长动画的持续时间，或者至少让它看起来以这种方式工作。或者将成功消息延迟到用户对表单进行最后一次修改之后......例如：消息没有显示 utill 2 秒后用户进行了更改。

有任何想法吗？

接受的答案

接受的答案在行动...... http://jsfiddle.net/L2NBP/7/

将其与http://jsfiddle.net/L2NBP/5/上的原始版本进行比较。 要查看差异，请在 1-2 秒内多次单击按钮，然后查看按钮右侧的响应文本。

我从http://basic-slider.com/下载了一个 jQuery 滑块，并将它放到我的网站上。它工作得很好，除了在 Internet Explorer 7 中查看时。过去 3 天我一直在看这个，但我无法为我的生活找到解决方案。我在 IE9 中遇到了完全相同的问题，但我使用了以下内容并修复了它：

这是除了 IE7 之外的所有浏览器的外观。
http://www.hackathonplymouth.org/normal.png

这就是它在 IE7 中的样子
http://www.hackathonplymouth.org/ie7.png

我做了一些研究，显然它可能与 position: relative; 但我已经完全删除/重新添加了这个位置，只是为了测试是否是问题所在；没运气。

这就是它在 IE7 中的样子（持有 LI（文本标题）的 UL 不显示）。好像应用了一个 CSS 来阻止 UL 显示 - 但没有。

实时预览： http ://www.hackathonplymouth.org/slider/
源代码： http ://www.hackathonplymouth.org/slider.zip -（以防有人想仔细看看）

在代码方面：我不得不链接源代码，因为 jQuery 有几行代码。

在 IE7 中使用滑块/jQuery 时，有没有其他人遇到过这种情况？

非常感谢任何输入。