jQuery UI的排序 - 外部控制

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> 

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

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

Answer 1

尝试这样：

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

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

这应该呼叫连接到click事件上的保存按钮。数组传递到reorderListArray中供您根据需要使用。

希望有所帮助。