Tag: jquery ui slider

在滑块下的jQuery UI滑块标签: 我仅限于使用jQuery 1.4.2和jQuery UI 1.8.5（这是不是select，请不要问我升级到最新版本）。我已经创build了一个滑块，显示滑块上方的当前值，但我现在需要的是一种方法来填充滑块下面的滑块，距离滑块相同（即如果滑块是100px宽，有五个值滑块会捕捉每20px。在这个例子中，我想图例中的值被放置在20px间隔）。这是我想要的一个例子：这里是我有（从UI滑块演示页面同化）的jQuery： //select element with 5 – 20 options var el = $('.select'); //add slider var slider = $( '<div class="slider"></div>' ).insertAfter( el ).slider({ min: 1, max: el.options.length, range: 'min', value: el.selectedIndex + 1, slide: function( event, ui ) { el.selectedIndex = ui.value – 1; slider.find("a").text(el.options[el.selectedIndex].label); }, stop: function() { […]

触发一个jQuery UI滑块事件: 如何触发jQuery UI滑块上的更改事件？我以为会是的 $('#slider').trigger('slidechange'); 但是什么都不做。完整的示例脚本如下： <link href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" type="text/css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> <script src="http://jqueryui.com/latest/ui/ui.core.js" type="text/javascript"></script> <script src="http://jqueryui.com/latest/ui/ui.slider.js" type="text/javascript"></script> <body> <div id="slider"></div> <script type="text/javascript"> $().ready(function() { $('#slider').slider({change: function() { alert(0); }}); // These don't work $('#slider').trigger('change'); $('#slider').trigger('slidechange'); }); </script> 我预计这会在页面加载时提醒“0”

jQuery UI滑块在移动设备上触摸和拖放支持: 我已经将jQuery UI滑块样式化并实现为一个项目。虽然它是移动和适当的规模，它不允许轻拍和拖动。相反，你必须触摸你想要滑块去的地方。 jQuery的移动用户界面支持这一点，但我有时间投入已经有的东西。我们想要的function：这里我们正在使用的是：这里在桌面上，你不能分辨。在移动设备上显而易见。任何人都知道如何将这种支持添加到jQuery UI？ $("#cameraSlider").slider({ value: 2, min: 1, max: 3, step: 1, slide: function(event, ui) { cameramen = ui.value; return calcTotal(); } }); 谢谢，Seth