jQuery UI可排序不适用于动态加载的内容

Question

我有一个可排序的div，它通过.load()动态加载。静态可排序的div工作正常，动态不那么。

function dragAndDrop() {
    var sortBlock = $('.sortable');

    sortBlock.sortable({
        placeholder: 'ui-sortable-placeholder'
    });
}    

links.on('click', function() {
    ...
    sectionHolder.load(sortable-div);
    sortable();
});

<section id="sort">
    <ul class="sortable">
        <li class="product">1</li>
        <li class="product">2</li>
        <li class="product">3</li>
        <li class="product">4</li>
        <li class="product">5</li>
        <li class="product">6</li>
    </ul>
</section>

Answer 1

您需要在此处使用callback：

sectionHolder.load("sortable-div", function () {
    // Load is performed now.
    sortable();
});