當用戶完成使用滑塊時，jQuery滑塊運行代碼？

Question

我有一個滑塊id =「滑塊」我當前寫滑塊更改位置的日誌。這是我的代碼：

$("#slider").slider({ 
    value:40, 
    min: 0, 
    max: 80, 
    step: 10, 
    slide: function(event, ui) { 
     console.log('moved'); // Run code if slider value changes 
     } 
    }); 

我也知道如何運行一些代碼，當用戶釋放/鼠標鬆開手柄：

$("#slider .ui-slider-handle").click({ 
    console.log('released handle'); 
    }); 

我的問題是，我currenty實現我每次的運行代碼用戶移動手柄，有時他仍然在移動手柄，還沒有確定它的最終位置。當用戶完成滑塊時，我需要運行一些代碼。我清楚我需要做什麼？如何才能做到這一點？

Answer 1

$("#slider").slider({ 
    value:40, 
    min: 0, 
    max: 80, 
    step: 10, 
    slide: function(event, ui) { 
     console.log('moved'); // Run code if slider value changes 
    }, 
    stop: function(event, ui) { 
     console.log('released handle'); 
    } 
}); 

Answer 2

嘗試使用stop事件：http://jqueryui.com/demos/slider/#event-stop

Answer 3

試試這個

$(".selector").slider({ 
    stop: function(event, ui) { ... } 
});