问题标签 [sliders]

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 投票
2 回答
2483 浏览

jquery - iPad 触摸事件,但仍允许捏缩放

我正在处理包含 jquery 滑块的页面。我想为 iPad 网站访问者启用这些滑块。我使用以下代码进行了此操作:

这很好用,除了我不再能够在 iPad 上捏放大和缩小页面。有没有办法让我保留捏/缩放功能,然后让触摸事件在 jquery 滑块上正常工作?

这是实际的测试页面:http ://www.tonyjacobson.com/napapapa/slider-test4

0 投票
0 回答
551 浏览

jquery - 2 个依赖的 jQuery-UI 滑块

我正在尝试使用 2 个 jQuery-UI 滑块开发贷款模拟器。

第一个滑块 (prazo) 代表贷款的月数。第二个滑块 (mensalidade) 代表您在贷款期间每个月要支付的金额。

滑块当然取决于所需的数量。

我有一个 MySQL 数据库中的所有数据。

第一个滑块工作正常。对于 1000 的金额,有 2 种长度:48 个月和 72 个月,有 2 种不同的贷款金额 48 个月 - 301.88 72 个月 - 188.88

第一个问题:mensalidade(第二个滑块)的值丢失了小数部分 - 变为 301 和 188 而不是 300.88 和 187.88

第二个问题:如果我们开始滑动第一个滑块,第二个滑块就会冻结,反之亦然。

第三个问题:有没有更好的方法来过滤我的 json?还是我应该改变 json 结构?如何?我的 json 文件: - beta.classificados.mpl.pt/clientes/cofidis/filter.php?filtro=prazo&prazo=48&montante=1000(用于滑块 1)

  • beta.classificados.mpl.pt/clientes/cofidis/filter.php?filtro=mensalidade&mensalidade=187.88%E2%82%AC&montante=1000(用于滑块 2)

我正在做的是:

第四个问题:第一个滑块相当简单 - 我知道最小值和最大值以及步长值,因为它或多或少是静态的,并且由于步长为 6,对 json 文件的调用较少。但是对于第二个滑块,我有将步骤设置为 1,因为它可以传递所需的值。因此,它在滑块的每一步调用 json 文件。我认为这将导致滑块更新需要很长时间。

我在这里设置了一个小提琴:http: //jsfiddle.net/mjpramos/3m7wy/7/ ,您可以在http://beta.classificados.mpl.pt/clientes/cofidis/simulador.php查看

0 投票
2 回答
1930 浏览

jquery-ui - jQuery UI 滑块与 jQuery Mobile 滑块冲突

我正在构建一个 jQuery 移动网站,但还需要使用 jQuery UI 小部件——尤其是滑块。

问题是这些功能冲突。我真的希望 jQm 用“mobile-”前缀编写他们的 ui 内容,但我认为现在可能为时已晚。

这是我遇到的问题。如果我在 jquery mobile jquery ui 滑块工作后加载 jquery ui - 很好但是我的自定义页面转换不起作用,毫无疑问 jQm 中的其他内容的负载被覆盖,我还不知道。

如果我以另一种方式执行 jQuery 移动自定义转换工作,但是 jquery ui 滑块不会,因为它们使用 jQm 滑块代替。

我不能使用 jQm 滑块,因为我需要 jQuery UI 滑块的垂直选项和其他功能。

我正在寻找的是某种不涉及我破解 jQuery UI 或 jQuery Mobile 的解决方案,因为如果可能的话,我不想在每次更新 jQm/jUI 时都进行这些更改。那么有没有一种方法可以加载jquery ui,以便我调用以'ui-'或jQuery mobile为前缀的函数,以便其冲突函数以'mobile'为前缀-也许在我的jqm自定义js中的移动初始化函数中?

我在这里找到了一些东西https://github.com/aFarkas/jMediaelement/issues/17 并尝试了代码,但无法使其在我的函数中工作。

有任何想法吗?

0 投票
2 回答
90 浏览

jquery - stackexchange 主页上使用什么滑块?

哪个滑块用于滚动浏览 Stackexchange 网站上的网站?我认为它是任何滑块,但似乎无法找到它的实施位置和方式。

谁能给我看一个例子或其他类似的脚本?

提前致谢。

这是我的意思的截图 - http://grab.adrianfraguela.com/e6ds

0 投票
2 回答
2463 浏览

jquery - 如何在div的中间垂直对齐多个图像

我正在使用 jQuery.carouFredSel 显示横幅,到目前为止它工作正常,除了一个问题我有可变高度的横幅,如果横幅小于其他横幅,则此滑块中的横幅始终位于顶部,然后我需要将其对齐在中间中间。我怎样才能做到这一点

我在小提琴http://jsfiddle.net/kzhfe/12/上设置了一个示例

carouFred选择链接

我将不胜感激这方面的帮助。我尝试了几件事,但没有一个有效

0 投票
1 回答
662 浏览

javascript - 有一个单页垂直分区网站,同时有一些部分(div)有水平部分(div)滑块

请以本网站为例 登陆页面,有四个滑块,每个滑块分别是独立的 div,但同时整个网页有独立的垂直部分。我知道如何做垂直位、标准 CSS 和 HTML。但是,如何在一个部分的水平 div 之间滑动?

0 投票
1 回答
1672 浏览

jquery - 带有jquery ui多个滑块的表单...只为所有人提交一个值

我一直在通过 stackoverflow 和其他地方自学,并且学到了很多东西,但对此我还是很陌生。我正在设置一个带有 5 个滑块的表单,然后将其值发布到 PHP 页面。一切正常......除了表单提交每个滑块的最终滑块的值。我想我需要使用this属性或each函数,但我不确定如何......

这是我的 JS:

这是我的 HTML:

有什么建议么?我难住了!

0 投票
1 回答
142 浏览

jquery - JQuery UI 滑块范围

我正在使用具有非线性值的 JQuery 滑块小部件。基本上,我的滑块设置是这样的

var slider_values 具有滑块的实际值。我需要将另外两个滑块的值也传递到上面的 calculateSomething 中。我知道为什么这行不通,但有没有类似于我的解决方案?

无论如何要在滑块对象中创建一个新 var 吗?

0 投票
2 回答
230 浏览

wordpress - Wordpress 3.5 和画廊

我在使用 WordPress 3.5 中的新画廊时遇到了一些困难。这是我们遇到的问题的简要说明。

项目详情

从同一 WP 安装生成的桌面和移动站点

当前使用 swipe http://swipejs.com/的修改版本作为移动滑块,该滑块支持获取更多带有偏移的帖子附件

我们需要什么

一种在多个页面上嵌入同一个图库的方法

桌面站点的图片列表类型库

支持滑动的移动滑块图库,一次显示一个图像,滑动时会得到另一个带有ajax的图像并显示它

问题

Wordress 3.5 不再为画廊附加图像,无法使用获取帖子附件来获取画廊中使用的图像

尝试过 nextgen 画廊,但找不到为画廊提供超过 2 个图像尺寸的方法,我们需要一个桌面缩略图、原始图像和一个移动大小的图像

任何建议如何解决这个问题?

谢谢!

0 投票
1 回答
2122 浏览

javascript - 具有多个条件的 Jquery 过滤器

我正在尝试根据他们的影响过滤餐厅列表。我想使用滑块而不是印度/亚洲/墨西哥/欧洲美食等通用类别。

餐厅可能是

然后,我将使用通用 JQuery UI 滑块并将每个滑块的值传递给隐藏元素。

这是我完全被困住的地方。我可以通过使用类而不是 JSON( .nospice .somespice .spicy ) 并执行一个滑块来使其在一个滑块上工作if (value >= 7) {$('.spicy').show();},但我不确定如何进行更高级的查询(if x = >=7 AND y = >=3 AND z = >=5)

有人想在这里向正确的方向轻推我吗?我需要阅读什么。如果我以一种非常错误的方式来解决这个问题,请告诉我。

jsfiddle:http: //jsfiddle.net/techii/9e2cJ/