我有一个 jquery slider ,其最小值为 1,最大值为 400。当我移动 slider 时,相应的值会显示在文本框中。但是我想在文本框和 slider 上显示页面加载的最小值,请问如何实现这一点? 这是我的 slider 代码
/*slider begin*/
$("#slider").slider({
value:1,
max:400,
min:1,
/*
change:function(event,ui){
$("input#amt").val(ui.value)
}
*/
slide: function(event, ui) { $("#amt").val(ui.value) }
});
$("#amt").change(function(event) {
var data = $("#amt").val();
if (data.length > 0)
{
if (parseInt(data) >= 0 && parseInt(data) <= 400)
{
$("#slider").slider("option", "value", data);
}
else
{
if (parseInt(data) < 0)
{
$("#amt").val("0");
$("#slider").slider("option", "value", "0");
}
if (parseInt(data) > 400)
{
$("#amt").val("400");
$("#slider").slider("option", "value", "400");
}
}
}
else
{
$("#slider").slider("option", "value", "1");
}
});
/*slider end*/
最佳答案
您可以先设置 slider 值:
$("#slider").slider( "value" , 1);
然后读取它来设置文本框值(或者只是将文本框值设置为 -1,但这不太漂亮)
$("#amt").val($("#slider").slider( "value"));
关于javascript - 如何为显示 jquery slider 值的文本框设置默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12176291/