使用live（）製作jQuery UI滑塊

Question

如何在jQuery UI中編寫滑塊以使其生效？

Here's代碼：

//scrollpane parts 
var scrollPane = $('.scroll-pane'); 
var scrollContent = $('.scroll-content'); 

//build slider 
var scrollbar = $(".slider-vertical").slider({ 
    orientation: "vertical", 
    value: "100", 
    slide:function(e, ui){ 
     if(scrollContent.height() > scrollPane.height()){ scrollContent.css('margin-top', Math.round((100 - ui.value)/100 * (scrollPane.height() - scrollContent.height())) + 'px'); } 
     else { scrollContent.css('margin-top', 0) } 
    } 
}); 

我需要讓生活（）

Answer 1

退房the livequery plugin這一點。直.live不會在這裏工作。

Answer 2

我其實只是有一個類似的問題，並想出瞭如何使用live（）和自定義事件來初始化我的滑塊。這可能幫助（如果不是德里克，也許其他人）：

$(".slider.minion").live('initMinionSlider', function() { 
    $(this).slider({ 
     range: "min", 
     value: 50, 
     min: 0, 
     max: 100 
    }); 
}); 

然後就觸發根據需要隨時手動事件（通常我猜相應的頁面/屏幕/視圖被渲染時）：

$(".slider.minion").trigger('initMinionSlider');