Question

我在模态对话框（非jQuery UI）中有一个可排序列表：

<div id="modal">
    <ul id="reorderList">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul><!-- /#reorderList -->

    <button class="save" type="button">Save Order</button>
    <button class="cancel" type="button">Cancel</button>
</div>

我想将点击事件处理程序附加到触发sortable('toArray')功能的“保存订单”按钮。同样，我希望“取消”按钮触发sortable.('destroy')将列表重置为初始状态。

虽然我在sortable的回调函数中有很好的触发事件形式，但是我没有找到任何关于从这些外部控件调用方法的信息。

Answer 1

尝试这样的事情：

$('.save').click(function(){ 
   reorderListArray = $('#reorderList').sortable('toArray');
});

$('.cancel').click(function(){ 
    $('#reorderList').sortable('cancel');
});

这应该将调用附加到保存按钮上的click事件。数组被传递到reorderListArray，供您根据需要使用。

希望有所帮助。

jQuery UI可排序 - 外部控件

1 个答案: