jquery - 使用 live() 制作 jQuery UI slider

Question

如何在 jQuery UI 中编写 slider 以使其生效？

代码如下:

    //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

我实际上刚刚遇到了类似的问题，并弄清楚了如何使用 live() 和自定义事件初始化我的 slider 。这可能会有所帮助(如果不是 Deryck，也许是其他人):

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

然后只需在需要时手动触发事件(我猜通常是在渲染适当的页面/屏幕/ View 时):

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