3
我有一个jQuery UI滑块,间隔为100,我想要以不同的时间间隔(如100,500,1000,2000)在滑块下面或上方有一些点/线所以当用户点击这些时,滑块会直接对齐该值。这可能吗?jQuery用户界面滑块 - 有预定义的“点”
到目前为止的代码是:
jQuery("#slider").slider({
value:2000,
min: 100,
max: 10000,
step: 100,
slide: function(event, ui) {
jQuery("#amount").val(ui.value);
},
stop: function(event, ui) {
if(!$("#age").val()) {
alert("Please Enter Your Age");
jQuery("#slider").slider("value", 2000);
jQuery("#amount").val($("#slider").slider("value"));
}
else if (!$("#name").val()) {
alert("Please Enter Your Name");
jQuery("#slider").slider("value", 2000);
jQuery("#amount").val($("#slider").slider("value"));
}
else if (!$("#email").val()) {
alert("Please Enter Your Email");
jQuery("#slider").slider("value", 2000);
jQuery("#amount").val($("#slider").slider("value"));
}
else {
jQuery("#amount").val(ui.value);
jQuery("p.loanSummary").text("Searching for loan amount €" + ui.value);
jQuery("button.compareLoans").show();
jQuery("p.toBorrow").show();
jQuery(".userData").fadeOut("slow");
jQuery.post(
MyAjax.ajaxurl,
{
action : "myajax-submit",
postID : MyAjax.postID,
postCommentNonce : MyAjax.postCommentNonce,
amount : $("#slider").slider("value"),
age : $("#age").val(),
},
function(response) {
$("#content_update").html(response);
}
);
}
}
});
也许另一个脚本像http://simeydotme.github.io/jQuery-ui-Slider-Pips/ – depperm
我确实在研究中看到,但是它似乎只是在每个时间间隔上分解它,我需要在预定的时间点 – AppleTattooGuy