Jquery Dom 选择器

Question

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

我正在使用 html（div 和 ul、li），像这样使用 ajax

<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',
        });
  };

Jquery Dom 选择器

Jquery Dom Selector

jquery

jquery-ui

dom