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

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用户移动滑块时给出额定值.我需要将这个最终选择的值发布到另一个文件中.

但问题:当我移动滑块时,它会持续警告滑块的值.所以我发布它,它将在滑块上发布每个值.

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

知道怎么做吗？