问题标签 [jquery-slider]

我不知道这是否可能。我有一个 jquery 下拉菜单，当我单击幻灯片菜单中的一个链接时，我不希望滑块关闭。当我到达点击链接的目标页面时，我希望它保持打开状态。

这是我的代码：index.html

这是链接到section1.html的页面之一

第三页如下：section2.html

我正在使用 jQuery 库，所以它是可用的。我需要知道如何给这个页面添加滑动效果：

http://qasim.x10.mx/iqbal/

请注意，当您单击它时，它会淡入淡出，但我更喜欢它滑动，我对它们的工作方式有一个小想法，但是以目前的编码方式，但不确定实现一个的正确技术. 什么是最简单的方法？

非常感谢。

好的，我已经包含了 Jquery UI 的 google api 库，如下所示：

现在我有一个脚本可以更新文档幻灯片上的一些跨度和隐藏输入，而不仅仅是在文档准备就绪时：

想法是在一个页面上显示滑块，而在另一个页面上不显示。我从 Firebug 得到的错误信息是这样的：

并指向线

这可能是什么原因造成的？为什么在一个页面上可以看到滑块，而在另一个页面上（使用与加载上述相同的模板）不能？

请帮忙！

我有这样的表结构

当滑块移动时，我看到链接元素的样式更新了一个百分比，表示它向右有多远 例如：style="left: 11.7647%;"我希望“要移动的文本”与滑块对齐，并按该百分比移动。有什么办法可以做到这一点吗？如有必要，我可以添加更多 div/spans 等。

注意：我知道如何获取滑块移动的百分比，问题只是对齐它。

我正在尝试使用 setinterval 和 jquery 来制作简单的滑块。
您可以在这里查看http://jsfiddle.net/5m2Dq/
滑块在专注于浏览器时工作正常，但是当我们转到不同的选项卡超过 5 分钟时，所有 div 都在彼此下方，并开始切换。

有没有一种简单的方法可以在不使用任何插件的情况下实现这样的滑动效果。

我有一个表格，其中一半数据被隐藏，可以通过按下按钮来展开。我在这里遵循模式。这是我的html：

这是我的javascript：

当隐藏部分向上/向下滚动时，表格就像有 3 列一样。第一个中的第二列向右移动，第二个中的第二列稍微向左移动。幻灯片完成后，整个第二列将移回正确的位置。

是什么让桌子以这种方式表现？

注意：当 hidden 的第二列中没有数据时，不会发生此效果。如果去掉“2011 年 12 月 24 日”和“小工具”，一切都会好起来的。

我正在做一个预订火车座位的网站。该表格需要一个价格计算器，以便在客户选择服务时显示总金额、乘客数量等。

为了使总成本的变化更明显，我在 div 上使用了 jq 高亮效果，只是为了获得更多关注。

问题是当滑块滑动时我让它突出显示，所以如果我从 0 传递到 56（火车车厢上的最大座位），突出显示出现 56 次。

希望你能帮忙，或者提出一个更好的主意。

这是代码：

该页面位于http://www.micontrol.cl/~mvargas/wordpress/wp-transatacama/reservas-rapidas/form-reservas.php。

我正在申请在火车上预订座位，但我需要区分儿童和成人，所以我解决了两个 jquery-ui 滑块（每个都绑定到一个表单元素）问题出在：总数椅子的数量是 56，所以两个滑块的最小：1，最大：56 开始，但是如果客户选择 56 名成人和 56 名儿童，那么火车容量将不足以满足该需求（我愚蠢地允许），所以我想我可以在移动滑块时减去最大值：值，但我不能（我显示的代码比我正在使用的代码更简洁，以尝试完成减法）

你可以在这里查看我到目前为止得到的代码：http: //jsbin.com/ezeqav/7

PD：谢谢提前：D

（这不是问题，但是，为了让您更了解上下文，我（在此处的帮助下 ;D）构建了一个计算器，以在客户通过移动滑块设置人数时向客户显示总成本。 )

我一直在寻找有关如何执行此操作的答案，但我似乎无法弄清楚（甚至查看 jquery ui 主题文档）。当我从左向右移动滑块时，我希望滑块旋钮左侧的部分变为橙色（而不是默认的灰色）。

jquery 主题卷生成了下面的 css。大概 .ui-widget-header background-color 会控制它，但似乎没有。也不会向任何其他类添加背景颜色。知道如何解决这个问题，以便在水平滑动时获得不同的颜色吗？

查询：

HTML：

CSS：

这是一个例子

在此先感谢您的帮助！

在父 div 中，我希望左侧有一个文本标签，右侧有一个滑块（使用 jQuery UI）。

我希望滑块占据所有可用空间，并且与这个问题不同，父 div 的宽度未知。

所以从概念上讲，它应该是这样的（这里的 jsfiddle尝试失败）：

但我无法轻松获得适用于 Chrome、FF3 和 IE8 的任何东西。有没有人有任何想法？