jQuery UI 可排序 - 外部控件答案

【问题标题】：jQuery UI sortable - external controlsjQuery UI 可排序 - 外部控件
【发布时间】：2011-01-05 05:29:25
【问题描述】：

我在模态对话框（非 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 的回调函数中触发事件表单有很好的处理，但我还没有找到任何关于从这些外部控件调用方法的信息。

【问题讨论】：

标签： jquery-ui controls external jquery-ui-sortable

【解决方案1】：

试试这样的：

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

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

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

希望对您有所帮助。

【讨论】：