Question

我希望这不是重复。我试图通过droppable获得可排序的工作。在jsfiddle中我可以将小部件从“可用窗口小部件”移动到“活动窗口小部件”，反之亦然但我希望窗口小部件可以在活动窗口小部件下进行排序，并带有一个回调函数，告诉我哪个窗口小部件位于第一个，哪个窗口小部件位于第一个二。

基本上希望能够在活动小部件下排列小部件顺序并保存它的位置索引。

你能告诉我如何实现这个目标吗？

JSFidder也是如此：

http://jsfiddle.net/LLaMF/

<div id="jtwidgets" class="ui-widget-content ui-state-default"        style="width:100%;height:300px; background:#f9f9f9">
    <h4 class="ui-widget-header">Active Widgets</h4>
</div>

<ul id="widgetShow" class="widgetShow ui-helper-reset ui-helper-clearfix"     style="width:100%;height:200px;; background:#f9f9f9">
    <h4 class="ui-widget-header">Available Widgets</h4>
    <li id="one" class="i-widget-content ui-corner-tr">Widget1</li>
    <li id="two" class="i-widget-content ui-corner-tr">Widget2</li>
    <li id="three" class="i-widget-content ui-corner-tr">Widget3</li>
</ul>

感谢。

Jquery UI可放置排序

0 个答案: