jQuery可排序和AJAX问题。 （排序不工作，当名单来自AJAX）

Question

我有2个可排序的列表。第一个是从数据库中获取带有AJAX的元素（比如分页，我不想一次在该列表中输入200个项目）。第一个是空的，我想用第一个元素填充它。

我对jQuery和AJAX很陌生，所以我想事先为任何愚蠢的事情道歉，我会说。

当我使用AJAX获取元素时，Sortable在第一个列表上不起作用。

这是我使用的排序：

 
    jQuery(document).ready(function(){ 
      jQuery("#sortable1, #sortable2").sortable({ 
      cursor:'crosshair', 
      connectWith: '.connectedSortable' 
     }).disableSelection() 
     }); 

这是AJAX部分：

 

jQuery('.nav').click(function(event) { 
     jQuery.ajax({ 
      type: "post",url: "admin-ajax.php", 
      data: { action: 'ak_attach', 'lim': jQuery(event.target).attr("name"),_ajax_nonce: '' }, 
      beforeSend: function() {jQuery("#loading").fadeIn('fast');}, 
      success: function(msg){ 
      jQuery(".listContent").html(msg) 

      } 
     }); //close jQuery.ajax 
     return false; 
    }) 
}) 

问候， 博

Answer 1

你打电话$("#sortable1, #sortable2").sortable('refresh')你添加新的值之后到名单？这将导致jquery看到新的价值观，如果需要的话。

http://jqueryui.com/demos/sortable/#method-refresh