Jquery Dom 选择器

Question

我有一个空的 span span id="ajax_responce"

我正在使用这样的 ajax 处理 html（div 和 ul，li）

<div class="row" id="taskbar"><div class="col-md-3">
    <div  class="column left first">
        <ul class="sortable-list ui-sortable col_backlog">
            <li id="123" class="sortable-item" style="">
            .......
            .......
            </ul>
        </ul>
    </div>
 </div>
 ......

问题 :: 1. 我正在尝试应用可排序的 jquery ui 方法

            $('#taskbar .sortable-list').sortable({
                connectWith: '#taskbar .sortable-list',
                placeholder: 'placeholder',
            });

sortable 方法不起作用，dom 选择器有问题

谢谢 V

Answer 1

您需要为动态添加的元素调用可排序插件。将动态生成的元素附加到 DOM 后，重新初始化 ajax 成功回调中的可排序函数

$.ajax({
   ....
  //your stuff
  success :function(){  //if you are using latest jQuery version, this should be .done callback
     .... //code to append your div and ul, li (you should already have this)
     $('#taskbar .sortable-list').sortable({
            connectWith: '#taskbar .sortable-list',
            placeholder: 'placeholder',
        });
  };