Tag: 滑块

Bootstrap Slider更改值处理程序: 我正在使用Bootstrap Slider，我想知道是否有任何方法可以包含值更改的处理程序。我看到文档包含slideStart，slide和slideStop的处理程序，但没有“change”（值）。它们可能会滑动滑块并（在释放时）最终达到相同的值，在这种情况下我不希望事件触发。只有当他们将其滑动到新值时。我试过了： $(‘#sliderAdminType’).slider({ formater: function(value) { // my formater stuff that works }, change: function(event, ui) { console.log(“has changed”); } }); 和 $(‘#sliderAdminType’).change(function() { console.log(“has changed”); }); 和 $(‘#sliderAdminType’).slider().change(function() { console.log(“has changed”); }); 和 $(‘body’).on(‘change’, ‘#sliderAdminType’, function(e){ console.log(“has changed”); });

jQuery滑块范围: 我正在尝试使用jQuery滑块的range属性，以便滑块控件显示两个句柄，用户可以从中选择房地产的价格范围。我的代码是： $(“#price”).slider({ range: true, minValue: 0, maxValue: 2000000, change: function(e, ui) { var range = (Math.round(ui.range) * 10) + ” to ” + ui.value; $(“#pricedesc”).text(range); } }); 价格范围应为0至2,000,000美元。当我滑动滑块上的手柄时，我会得到不寻常的值，例如“690到13”。双手柄滑块究竟是如何工作的？

Jquery滑块范围在iPad上不起作用: 下面是我的Jquery滑块范围（最小 – 最大）代码，拖动在台式计算机上工作正常，但是当我在iPad上测试它时，它不起作用。有人可以帮我这个吗？不幸的是我无法附加图片。下面是滑块范围图， =====（>）=======（<）===== var maxValue,myRequest,isDown=false,setUrl; setUrl = “/search_type/filter.php”; $( “#slider-range” ).slider({ range: true, min: 0, max: 500, step:25, orientation: “horizontal”, values: [ 0,500 ], slide: function( event, ui ) { if(ui.values[1] === 500) { maxValue = 500+”+”; } else { maxValue = ui.values[1]; } $( “#priceRange” ).val( “£” + ui.values[ 0 […]

jQuery滑块作为时间轴: 我刚刚完成了一个带有jQuery Slider的jQuery手风琴。即显示3张照片。用户可以使用PREV或NEXT按钮查看下一个/上一个3图像。他们还可以使用滑块浏览所有图像。下一步是使此滑块看起来像时间轴。左侧需要从1970年开始并在2010年结束。对于每个项目（在这种情况下，项目是一组3个图像）我需要它在时间线上显示日期。即：我知道我可以创建一个图像，其中日期与正确的宽度相隔但理想情况下这需要是动态的，因此可以放入更多项目并且时间线自我更新。

如何使用Jquery slideToggle表行？: 我想知道如何从脚本中滑动表格行。我有一个php文件，它包含在名为’output-listings’的div中的html页面中。 PHP文件： query(“SELECT * FROM explore”) or die($mysql->error); if($result) { echo ” \n”; echo ” \n”; echo ” \n”; while($row = $result->fetch_object()) { $id = $row->id; $siteName = $row->site_name; $siteDescription = $row->site_description; $siteURL = $row->site_url; $sitePrice = $row->site_price; echo ” \n”; echo ” \n”; echo ” \n”; echo ” \n”; echo ” \n”; echo […]

我的jquery滑块刷新率不会实时更新: 我正在尝试开发一个简单的jquery滑块，默认情况下每三秒钟在图像和文本之间切换滑块（var segundos = 3;），滑块有一个按钮，用作播放/暂停操作和菜单选项，它可以让你增加或减少每次在图像之间切换的秒数。这是通过类.resta和.suma（减少和减少）完成的。现在，滑块运行良好，但是有一个问题，当segundos变量（segundos表示秒）更改效果时，除非滑块暂停，否则它不会自动刷新，而滑块运行时不会自动刷新。它必须是这样的：暂停滑块>更改默认秒>播放滑块>查看结果我的目标是使其在滑块启动和运行时更改刷新率。这是代码： $(document).ready(function(){ var segundos = 3000; var stop = true; var slideInterval; $(‘.play’).click(function(){ if (stop == false) { stop = true; $(‘#playpause’).text(‘Play it’); clearInterval(slideInterval); } else { stop = false; $(‘#playpause’).text(‘Pause it’); slideInterval = setInterval(swapSlides, segundos); } }); function swapSlides(){ //var cs = $(‘div.currentslide:first’); var cs = […]

jQueryMobile滑块更改事件: 我很难听到jQueryMobile滑块的更改事件。在此页面中，事件正确触发事件“slidestop”： http://jsfiddle.net/2HEcY/ 我页面中的相同代码不会触发任何内容： http://www.marianotomatis.it/test.php 你能看到这段代码有什么问题吗？ My Page My Title Input slider: $(“#slider-step”).on(“slidestop”, function(e){ alert(“STOP!”); });

chrome / safari在jQuery幻灯片转换期间丢失了圆角: 我正在使用此处显示的jquery脚本 – http://jqueryfordesigners.com/automatic-infinite-carousel/ 。我将自己的图像应用为圆形png到我网站上的滑块 – http://67.225.219.80/ 使用border-radius在firefox和IE9中都很好。即使滑块在自动模式下滑动，甚至当滑块由箭头控制时，您仍可以看到圆角保持不变。然而，在chrome / safari中，圆角在过渡期间消失。除了给外部div包装器圆角（border-radius，-webkit-border-radius等），我还尝试将圆角应用于嵌套的ul，li，a和img元素，看它是否会工作，仍然没有解决方案。我也在使用css3pie，经过一些测试我得出结论，这不是chrome / safari中出现问题的原因。任何人都有这方面的经验或指导我在正确的方向将非常感激。谢谢！

jquery简单图像滑块w / ajax: 我有一个页面上有很多图像，只想按需加载额外的图像。 IE，如果用户点击它或鼠标，无论如何。大多数（如果不是所有）我见过的滑块使用隐藏属性，所有元素一次加载，这将导致我的情况过度负担。我喜欢： http ： //nivo.dev7studios.com/但它没有这样的function。有人知道ajax滑块最好使用jquery吗？谢谢