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

Question

我有一个可排序的div，通过​​动态加载。静态排序的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(); 
});