Question

我使用jquery获得了slide和gettig值。

JS：

    var setRatingValue = function() {
        // Set text
        var ratingValue = $("#rating-slider").slider("value");
        $("#rating-value").text(ratingValue);
        // Change the background colour of the slider
        var hsl = "hsl("+ratingValue+", "+50+"%, "+50+"%)";
        $(".ui-slider-range").css("background", hsl);
        // Set text colour
        $("#rating-value").css("color", hsl);
   alert(ratingValue);

    };

HTML：

    <div class="magic-bar">
        <span id="rating-slider" class="ui-slider-range"></span>
        <span class="flip">
            <a href="#"> FLIP </a>
        </span>
    </div>

ratingValue在用户移动滑块时给出评级值。我需要将这个最终选择的值发布到另一个文件中。

但问题：当我移动滑块时，它会持续警告滑块的值。所以我发布它，它会在滑块上发布每个值。

我想要的：当用户停止移动滑块时，只应提醒该值。这样我就可以发布单个最终值。

知道怎么做吗？

Answer 1

使用ratingValue填充（隐藏）输入字段，当您发布时，您将发送当前值

HTML：

<input id="myValue" value="">

的javascript：

 $("#myValue").val(ratingValue)

Answer 2

jQuery滑块有一个事件change event 当用户停止滑动时它会触发（我使用了一种mouseup）。

所以你可以使用：

change: function (event, data) {
    // do the ajax call
    // the value is data.value, explained in the jQuery docs
}

当用户停止移动滑块时获取jquery幻灯片值

2 个答案:

Example