Tag: jquery ui slider

如何通过jquery UI滑块从动态更改值的输入中获取值？: 我通过jquery UI滑块输入动态更改值的文本。如何通过jquery从$(“#scope_input”)获取值？ .change事件仅通过键盘上的手动按键工作，在滑动时没有任何值： $(“#scope_input”).change(function() { console.log($(this).val()); }); $(“#scope_slider”).slider({ range: “min”, min: 1, max: 100, value: 10, slide: function(event, ui) { $(“#scope_input”).val(ui.value); } });

jQuery滑块左右按钮，firefox不起作用: 我做了这个wordpress主题，水平显示循环：http： //zarifnyc.com/category/news/ var curx = $(‘#blog’).css(”); if(curx = 25000) {hide(‘#rightbutton’)} else {show(‘#rightbutton’)} $(function() { $(‘#rightbutton’).click(function() { $(‘#blogbox’).animate({“left” : ‘-=1070px’}); return false; }); $(‘#leftbutton’).click(function() { $(‘#blogbox’).animate({“left” : ‘+=1070px’}); return false; }); }); …它一直工作，直到我尝试添加一个“if”语句来隐藏第一个post上的左键，然后右键（或使用无限滚动）。 ‘刚刚开始学习jQuery，所以任何帮助都会受到赞赏，谢谢！

将jQuery UI Slider附加到DIV的一侧（作为DIV的滚动条）: 是否有一种简单的方法可以将UI滑块附加到div的一侧以充当其“滚动条”？我不在乎技术上是在div的一侧还是技术上的内部。我只需要UI Slider看起来像div的滚动条。这将是一个假的滚动条，因为div的内容将是动态的，所以我不能去jScrollPane路线。根据UI滑块中的值填充内容。我陷入了CSS地狱，想知道是否有几行解决方案。提前谢谢了！

如果值大于某个数字，则更改滑块的输出: 我正在使用JQuery范围滑块并将计算输出到html元素。到目前为止，我已经完成了所有工作，但是，如果滑块的值大于10，我想显示替代文本而不是价格。你可以在这里看到一个codepen： http ：//codepen.io/redbranchmedia/pen/jEEqEw 我为setPrice函数添加了一个条件。技术上“工作”，但我需要将滑块滑动到大于10的值，然后单击其中一个按钮将其更改为文本。我试图在slide函数中添加一个if / else语句并将其存储在一个变量中，但这完全打破了滑块。你可以在下面看到我的代码。一旦滑块大于 var $s = $(‘.priceslider’).slider({ max: 15, min: 1, value: 2, slide: function(e,ui) { var calcprice; calcprice = (ui.value * pricepermonth); var output; if(value > 10) { output = (“too much”); } else { output = (“$” + calcprice + “/mo”); } $(‘.pricingtable’).html(output); } […]

带有jQuery UI的滑块值显示 – 2个句柄: 我想构建一个带有两个手柄的滑块，手柄值显示在手柄内或手柄上方。到目前为止我做了。 $( “#slider” ).slider({ range: true, min: 3600, max: 86400, values: [ 28800, 86400 ] });

使用自定义步骤增量时，jQuery UI Slider默认值出现问题: 我正在使用“snap to increment”JQuery UI Slider构建一个表单： https ： //jqueryui.com/slider/#steps 我正在使用以下代码，以便滑块的自定义最小值为2501，但仍然会增加偶数500（不添加额外的1），直到达到最大值50000.因此步骤增量看起来像这样：2501> 3000 > 3500> 4000等，直到达到50000。 $(function() { $(“#slider”).slider({ value: 10000, min: 2501, max: 50001, step: 500, range: “min”, slide: function(event, ui) { var x = Number(ui.value); if (x > 2501) { x = x – (x % 500); } $(“#LoanAmount”).val(‘$’ + addCommas(x)); } }); $(“#LoanAmount”).val(‘$’ + addCommas($(“#slider”).slider(“value”))); […]

JQueryUI滑块不适用于IE: 我一直试图让滑块显示控件旁边的当前值。本教程http://www.ryancoughlin.com/demos/interactive-slider/解释了如何轻松，轻松。现在我正在尝试设置3个连续的滑块并且工作正常但IE正在为所有三个控件设置选项为默认值（0到100，步骤1，动画假…）。在FF和Chrome中工作正常。我错过了什么？谢谢。 inheritance人代码： $(‘#slider-alpha’).slider({ range : false, value : 5, step: 1, animate: “true”, min: 1, max : 10, }); $(‘#slider-gamma’).slider({ range : false, value : 50, step: 10, animate: “true”, min: 1, max : 200, }); $(‘#slider-beta’).slider({ range : false, values : 50, step: 10, animate: “true”, min: 1, max […]

动态使用jQuery UI Slider？: 我有一个jQuery UI滑块，如果用户在输入元素中键入数字，滑块会相应地移动。 $(“#slider-range-min”).slider({ range: “min”, value: 1, step: 1000, min: 0, max: 5000000, slide: function (event, ui) { $(“input”).val(ui.value); } }); $(“input”).change(function (event) { var value1 = $(“input”).val(); $(“#slider-range-min”).slider(“option”, “value”, value1); }); 但我需要的是我希望滑块位于中间，无论我第一次在文本框中输入什么值，然后如果我移动滑块右侧意味着我在文本框中的值必须增加，而对于左侧，它必须减少没有设置这些最小值和最大值.. 有什么建议吗？编辑：我需要的是当我在文本框中输入500我的滑块必须自动移动到中心..如果我移动滑块右侧的末端必须是1000而左侧必须是0如果我输入400滑块必须移动自动居中位置，右侧端必须为800，左侧为0

Jquery UI滑块禁用部分: 我需要一个Jquery UI滑块，其范围从0到100，并且手柄最大为75.因此滑块中可以看到75到100的部分，但是手柄最多可以达到75。可以使用Jquery Ui滑块吗？ $( “#slider-vertical” ).slider({ orientation: “vertical”, range: true, values: [ 1, 75 ], range: “max”, min: 1, max: 100 });

如何重置jQuery UI滑块？: $(function() { $( “#slider-range” ).slider({ range: true, min: 0, max: 500, values: [ 75, 300 ], slide: function( event, ui ) { $( “#amount” ).val( “$” + ui.values[ 0 ] + ” – $” + ui.values[ 1 ] ); } }); $( “#amount” ).val( “$” + $( “#slider-range” ).slider( “values”, 0 ) + ” – […]