Jquery Dom选择器

时间:2015-01-13 10:37:47

标签: jquery jquery-ui dom

我有一个空的跨度范围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',
            });

可排序方法不起作用,dom选择器中存在任何问题

由于 V

1 个答案:

答案 0 :(得分:0)

您需要调用动态添加元素的可排序插件。动态生成的元素附加到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',
        });
  };