我发现了两个优秀的jquery插件，用于为Web表单生成slider，它们在不支持javascript的浏览器中很好地降级并关闭了样式等。首先是Jquery.UI版本:http://ui.jquery.com/demos/slider/#steps第二个是slider的选择元素:http://www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/但是我需要创建一个不只是将slider分成相等部分的slider。例如，假设我有以下数字范围:800,1000,1100,1200,1300,140

我目前正在使用http://www.eyecon.ro/bootstrap-slider/这很有用，但是我想将值实时输出到输入框。js对工具提示执行此操作很好，但是一旦离开slider，就看不到您将其设置为什么。有什么建议吗？ 最佳答案 您可以使用插件随附的slide事件实时记录slider值。查看此演示:http://jsfiddle.net/vMLPF/1/代码:$('#foo').slider().on('slide',function(_ev){$('#bar').val(_ev.value);});在上面的代码中，#bar

我创建了一个slider，如下所示，我需要为此slider动态设置值。我试过了，$("#brightness").slider('setValue',8,true);$("#brightness").slider('refresh');但这行不通。我该怎么做？ 最佳答案 仅$("#brightness").slider('setValue',8,true);用初始值刷新$("#brightness").slider('刷新'); 关于javascript-动态设置Bootstrapsli

所以我有一个页面，上面有一个jqueryuislider，初始化如下:varmin=$("#attrInformation").data("lowest_price"),max=$("#attrInformation").data("highest_price");$("#slider-range").slider({range:true,min:min,max:max,values:[min,max],slide:function(event,ui){varstart=ui.values[0],end=ui.values[1];$("#startPrice").text(start)

如果我想在测量元素的宽度时包括边距，我可以调用element.outerWidth(true);但是，我找不到类似的方法来获取容器中的元素，其中包含边距。element.position().left不包括边距。我已经尝试过element[0].getBoundingClientRect().left，这很有效，但是是否有类似的jquery调用？编辑:似乎上面的nativejavascript调用也没有给我余量.. 最佳答案 这是jQuery的.position()的限制，它有这样的限制:Note:jQuerydoesnotsupp

jQuery1.3.2/jQueryUI1.7/Slider$("#slider").slider({range:"min",min:0,max:40,value:0,slide:function(event,ui){CalculateOrder(event,ui);}});它开始时很好，但在我移动slider后我无法将其恢复为0，当我将它一直向左滑动时ui.Value为1。我试过设置min:-1当我将它滑动到-1时，这会将ui.Value设置为-1，但是当我处于0时，ui.Value仍然是1。有什么想法吗？ 最佳答案 您想要的是在

我试图在用户滑动slider时触发一个事件，并且在滑动停止时更改值。根据jQuery文档，change事件非常适合这种情况。所以我正在尝试这个:jQueryUISlider-Defaultfunctionality$(function(){$("#slider").slider({change:function(){alert("foo");}});});但是，我观察到当我将slider向右拖动并再次将其拖回起点(页面加载时slider的初始位置)时，警报仍然会触发。这是一个jQuery错误吗？如果不是，我该如何解决？ 最佳答案 $

2015年7月24日更新:由于我无法迁移代码并且存在冲突问题，所以我完全更改了库。最快的修复，对我来说是http://refreshless.com/nouislider/.它仍然允许我使用与jquery相同的简码来检索值。我无法保证这有多轻，但我可以推荐在客户站点上进行临时修复。2015年7月30日更新:已经尝试使用jQueryUI和TouchPunch，它们都导致了进一步的问题。在这种情况下，唯一的解决方案是没有UISlider。您的项目可能有所不同，但对于4年以上的旧框架上严重的jQuery脚本冲突，这是我的解决方案。以下代码(示例位于:http://www.equant-des

根据jQuery官方文档，这个函数应该:“获取匹配元素集中第一个元素的当前坐标，相对于偏移父元素。”以下代码应返回值51，但它返回值0。任何人都可以提供见解以及原因吗？提前致谢。我知道添加css(top:xx)是有效的，如果是这样，这是否意味着position()仅适用于元素具有top的css属性的情况？.outer{width:200px;height:200px;overflow-y:auto;border:1pxdottedgrey;position:absolute;}.inner{width:50px;height:50px;margin-top:50px;border:1p

我正在寻找一种方法来选择一个div元素，该元素不是通过点击功能“选择”的元素的直接下一个元素。(siblings)text现在我想选择ID为“getthisone”的那个-在我的代码中这个ID不可用。所有的div都具有相同的类并且确实有sibling。我可以通过$(this).next().next()选择第三个，但我认为这不是最好的方法。在被点击的那个之前也可以有div-所以它不一定是第一个。我尝试了:nth-child选择器，但没有找到解决方案。稍后我也可能想在单击一个之后选择第13个(或第23个、第65个等等)。这意味着我想对这个问题有一个相当动态的解决方案。谢谢你的帮助，菲尔