javascript - 将 jQuery UI slider 添加到动态生成的元素？

Question

所以我使用 .append() 将列表元素添加到列表中。在附加元素中是一个 div，我需要将 jQuery Slider 小部件附加到它。不确定我是否必须使用 .on() 或其他东西。 FWIW，可以添加无限量的 li，这就是我为 div 使用类的原因。

无论如何，这是一个简化的片段:

    $('.cycleDuration').slider();

    $cycleBlock += '<li>';
    $cycleBlock += '<div class="cycleDuration"></div>';
    $cycleBlock += '</li>';
    $('#cycles').append($cycleBlock);

Answer 1

我认为您需要在实际附加元素之前绑定(bind)代码。在这个例子中，我只是绑定(bind)了一个点击事件，因为我没有你的 slider 代码。

http://jsfiddle.net/4vwUd/1

$('button').click( function() {
    //turn your div into a jquery object
    var $cycleBlock = $('<div class="cycleDuration"></div>');
    //bind the event
    $cycleBlock.bind('click', function() { alert(); });
    //append to the list
    $('#cycles').append('<li />').children('li:last').append($cycleBlock);
});