jquery滑塊，加載默認值

Question

我有一個jquery滑塊，4步，其值爲0,1,3和3. 當我滑動時，警報代碼正常工作。但我的問題是我想在頁面加載時提醒默認滑塊值「0」。

所以在下面的例子中，當頁面加載。頁面應該提醒「0」。這是滑塊的默認值並放置在其他位置。

這是我的JQ編號和Fiddle is Here

$(function() { 
    $("#slider").slider({ 
     value: 0, 
     min: 0, 
     max: 3, 
     step: 1, 
     orientation: "horizontal", 
     range: "min", 
     animate: true, 
     slide: function (event, ui) { 
      console.log(ui.value); 
      if (ui.value == 0) { 
       alert(ui.value); 
      } else if (ui.value == 1) { 
       alert(ui.value); 
      } else if (ui.value == 2) { 
       alert(ui.value); 
      } else { 
       alert(ui.value); 
      } 
     } 
    }); 
}); 

Answer 1

你應該做這樣的事情：

//TO DEFINE SLIDER AND EVENTS 
$('#slider').slider().bind('slidechange',function(event,ui){ 
console.log(ui.value); 
     if (ui.value == 0) { 
      alert(ui.value); 
     } else if (ui.value == 1) { 
      alert(ui.value); 
     } else if (ui.value == 2) { 
      alert(ui.value); 
     } else { 
      alert(ui.value); 
     } 

}); 

//TO TRIGGER EVENT 
$('#slider').trigger('slidechange'); 

Answer 2

頁面加載後，沒有被觸發的滑動功能的時候了。爲什麼不在創建滑塊後添加單個警報？這適用於我小提琴：

$(function() { 
    // Create slider 
    $("#slider").slider({ 
     ... your code ... 
    }); 

    // alert initial slider value 
    alert($("#slider").slider('value')); 
});