如何在jquery范围滑块中使用mouseup事件

how to use mouseup event in jquery range slider

本文关键字：mouseup 事件 jquery 范围      更新时间：2023-09-26

我想在鼠标up事件或滑块停止时调用'searchdata'函数。从这个代码滑块在滑动时调用'searchdata'函数，我也使用slidestop事件。

$( function() {
    $( "#age-range" ).slider({
        range: true,
        min: 18,
        max: 60,
        values: [$("#agehide1").val() , $("#agehide2").val()],
        slide: function( event, ui ) {
            $( "#age" ).val( ui.values[ 0 ] + "yrs  to " + ui.values[ 1 ]+" yrs " );
            $("#fromage").val(ui.values[ 0 ]);
            $("#toage").val(ui.values[ 1 ]);
            searchdata();
        }
    });
    $( "#age" ).val( "" + $( "#age-range" ).slider( "values", 0 ) +
        " to " + $( "#age-range" ).slider( "values", 1 ) );
        $("#fromage").val($("#age-range").slider( "values", 0 ));
        $("#toage").val($("#age-range").slider( "values",1 ));
} );

给你:

$(function() {
    $("#age-range").slider({
        from: 0,
        to: 5,
        smooth: true,
        step: 10,
        round: 0,
        callback: function(val){
          console.log(val); 
        }   
    });
});
相关文章：