Jquery ui jQuery+;可排序&x2B;居住

Jquery ui jQuery+;可排序&x2B;居住,jquery-ui,jquery-ui-sortable,Jquery Ui,Jquery Ui Sortable,我使用$.get将列表项动态添加到页面中,然后将它们附加到OL元素。这一点很平常 但是jQuery在加载到页面中时并没有意识到这些新项,我也无法对它们进行排序 我在jQuery Live上做了一些尝试,但没有取得任何进展…您尝试过了吗。可排序('refresh')? 在代码的末尾添加.sortable({})并重新指定所有参数。也许有一种方法可以做到这一点,而不必使用函数或其他东西来复制代码,但至少这是可行的 $('#List').live('click',function(e){ var m

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

但是jQuery在加载到页面中时并没有意识到这些新项,我也无法对它们进行排序

我在jQuery Live上做了一些尝试,但没有取得任何进展…

您尝试过了吗。可排序('refresh')?

在代码的末尾添加
.sortable({})并重新指定所有参数。也许有一种方法可以做到这一点,而不必使用函数或其他东西来复制代码,但至少这是可行的

$('#List').live('click',function(e){

var myHTMLcode = '<li>New Item</li>'

myHTMLcode.appendTo('#List').sortable({
 items  : 'li',
 axis  : 'xy',    

 update  : function(event, ui){SPECIFIC Sortable FUNCTION CODE HERE}).fadeIn();
)};
$('#List').live('click',函数(e){
var myHTMLcode='
  • 新项目
  • ' myHTMLcode.appendTo(“#List”).sortable({ 项目:"李",, 轴:“xy”, update:function(event,ui){SPECIFIC Sortable function CODE HERE}.fadeIn(); )};
    使用
    .sortable()
    刷新
    方法似乎无法识别未通过
    .sortable()
    函数添加的
    li

    尝试将
    .sortable()
    初始化代码添加到一个函数中,您可以在document ready上调用该函数,并在代码中动态添加
    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({
            ...
        });
    }
    

    我找到了这个解决方案,对我来说效果很好

    makesortable = function(){
            $( "#mylist" ).sortable({
                ...
            })
          };
    ...
    // after list refresh :
    makesortable();
    

    这不仅仅是LI,它基本上是一切,但方法是正确的和有效的。这是一个正确的答案。谢谢你救了我一天!为什么这不是公认的答案?这是迄今为止处理ajax问题最干净的方法。