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(); 
});