jquery-ui – jQuery Sortable live

我用$.get动态添加列表项到页面,然后将它们附加到OL元素.很平常到这一点

但是,当jQuery加载到页面中时,jQuery不知道这些新项目,我无法使其排序.

我用jQuery Live做了一些试验,但没有得到任何白皮书的…

解决方法

.sortable()的刷新方法似乎没有识别出没有通过.sortable()函数添加的内容.

尝试将您的.sortable()初始化代码添加到您调用文档准备就绪的函数中,并在您的代码中动态添加li.

代替：

jQuery(document).ready(function() {
    jQuery("#mySortableOL").sortable({
        ...
    });
}
...
jQuery("#mySortableOL").append(...);
jQuery("#mySortableOL").sortable("refresh");

尝试像：

jQuery(document).ready(function() {
    jQuery("#mySortableOL").doSort();
}
...
jQuery("#mySortableOL").append(...);
doSort();
...
function doSort(){
    jQuery("#mySortableOL").sortable({
        ...
    });
}