Jquery slider範圍滑塊，為兩個滑塊設定不同的setp值

標籤：滑動   lis   不同   com   http   技術分享   javascrip   art   代碼   

需求：slider範圍滑塊，當滑動初始滑塊的時候一次要跳3步，滑動後面滑塊的時候一次只跳一步

也就是要給兩個滑塊不同的setp值

設定setp值得方法是：

$( "#English-slider" ).slider("option" ,"step",2);

slider的start方法是當滑塊開始滑動時，觸發此事件。

start:function( event, ui ){  //滑塊開始滑動時觸發}

在start方法中console.log("ui")可以看到兩個滑塊的handleIndex值一個為0一個為1，利用這一不同來區分滑動的是哪一個滑塊

代碼如下：

 start:function( event, ui ){                           if(ui.handleIndex==0){                    $( "#English-slider" ).slider("option" ,"step",2);                }else{                    $( "#English-slider" ).slider("option" ,"step",1);                }            }

 

Jquery slider範圍滑塊，為兩個滑塊設定不同的setp值