jquery - 当 slider 移动时更改文本

Question

 $(function() {
    $( ".sli3" ).slider({
        range: "min",
        value: 50,
        min: 0,
        max: 100,
        slide: function( event, ui ) {
            $( ".sli3_f" ).text($(this).val(  ui.value+"%" ));
        }
    });
    $( ".sli3_f" ).text($(this).val($( ".sli3" ).slider( "value" )+"%" ));
});


 <div class="sli3"><span class="sli3_f"></span></div>

我试图在 slider 移动时更改文本 浏览器上没有任何反应。 有什么想法吗？

Answer 1

你有几个错误。首先，您不想使用 $(this).val(...)。这只是设置 $(this) 的值，在这种情况下这不是您想要做的。您只想检索当您在 slider 对象的方法中时由 ui.value 提供的值。在 slider 方法之外，您只需要 $(".sli3").slider("value"):

$(function() {
    $(".sli3").slider({
        range: "min",
        value: 50,
        min: 0,
        max: 100,
        slide: function(event, ui) {
            $(".sli3_f").text(ui.value + "%");
        }
    });

    $(".sli3_f").text($(".sli3").slider("value") + "%");
});

演示:http://jsfiddle.net/XjD4K/