jQuery範圍滑塊事件觸發器

Question

使用jQuery Range Slider插件存在問題。每次滑塊更改時我都想觸發一個事件。

我不知道我能觸發哪些事件。例如，我wana有一個警告消息，看看它是否有效。

感謝

彼得

Answer 1

有4您可以使用可能發生的事件。看看下面的事件在文檔==>http://jqueryui.com/demos/slider/

可以使用

1. start
2. slide
3. change
4. stop

事件。

如果您想在每次更換滑塊時嘗試使用功能，請嘗試change。

比方說，你的幻燈片與slider ID的元素：

$(function() { // <== doc ready 

    $("#slider").slider({ 
     change: function(event, ui) { 
      // Do your stuff in here. 

      // You can trigger an event on anything you want: 
      $(selector).trigger(theEvent); 

      // Or you can do whatever else/ 
     } 
    }); 

}); 

Answer 2

爲了得到滑塊值一旦用戶停止移動旋鈕使用change以其它方式使用input隨着旋鈕的移動接收更新。

// Logs the value when the user has released the slider 
$('.my-slider').on('change', valueUpdated); 

// Logs the value while the user is moving the slider 
$('.my-slider').on('input', valueUpdated); 

function valueUpdated (e) { 
    var val = $(e.element).val(); 
    console.log(val); 
}