$('#slider').slider({
range: "min",
value: 20,
step: 5,
min: 20,
slide: function( event, ui ) {
$( "#amount1" ).val( "$" + ui.value );
}
});
这就是我现在拥有的,它是一个显示值的滑动条。 HTML部分如下:
<label for="amount">Offer:</label>
<input type="text" id="amount1" />
<div id="slider"></div>
我想要的是在它下面有一个带有一段文本的表格;除了我希望文本随着值的增加而改变。说,如果它是 >= 20
和 < 40
它说 "Blah1" =>40
它会说“blah2”
但是我在向幻灯片功能添加另一个事件时遇到了问题。
非常感谢您的帮助,我可以将它应用到很多事情上。通常每个脚本只有一个函数,我从来没有像这样将它们分层。
最佳答案
您所要做的就是在现有函数中添加一段额外的代码来评估 ui.value
的值:
$('#slider').slider({
range: "min",
value: 20,
step: 5,
min: 20,
slide: function(event, ui) {
$("#amount1").val("$" + ui.value);
if (ui.value >= 20 && ui.value < 40) {
$("#message").text("greater than or equal to 20 and less than 40");
} else if (ui.value >= 40) {
$("#message").text("greater than or equal to 40");
}
}
});
关于javascript - Jquery - 将变量文本添加到 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12762291/