jQuery使用Sortable与动态添加的元素(实时刷新)

Question

我有一个<form id="#form">有一个<span class="con">和跨度内,我有需要可排序的div很多.

<form id="form">
    <span class="con">
        <div class="ui-state-highlight">Item 1</div>
        <div class="ui-state-highlight">Item 2</div>
        ... 
    </span>
</form>

我正在使用可排序函数来使div可排序.

$("span").sortable({
    connectWith: ".con"
}).disableSelection();

我在里面动态添加div.但是sortable不承认新添加的跨度.我知道有一个refresh可排序的选项可以像我们一样工作live()并重新识别新添加的内容,但我不知道如何在这个例子中使用它.

查看http://jsfiddle.net/mRyVp/8/.单击按钮以添加更多内部div的跨度.您将看到您可以对最初在DOM中但不是新添加的div进行排序.

Answer 1

看来你有class="connectedSortable"在

<span class="connectedSortable">
    <div class="ui-state-highlight">Item 1</div>
    <div class="ui-state-highlight">Item 2</div>
    ... 
</span>

并connectWith: ".con"在

$("span").sortable({
    connectWith: ".con"
}).disableSelection();

将con类添加到原始div只是没问题.在这里更新.