2
我開始了這方面的工作拖放例如here。jQuery的UI。故障使用「拖拽」,「排序」和「標籤」一起
但是當我嘗試把標籤(Here)內下降的區域似乎打破它的偉大工程。當我嘗試在「可排序2」選項卡上放置項目時,它停止工作。
希望這是有道理的。
的HTML看起來像這樣:
<ul>
<li id="draggable" class="ui-state-highlight">Drag me down</li>
</ul>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Sortable 1</a></li>
<li><a href="#tabs-2">Sortable 2</a></li>
</ul>
<div id="tabs-1">
<div class="ui-state-default">Item 13</div>
<div class="ui-state-default">Item 23</div>
<div class="ui-state-default">Item 3</div>
<div class="ui-state-default">Item 4</div>
</div>
<div id="tabs-2">
<div class="ui-state-default">Item 1</div>
<div class="ui-state-default">Item 2</div>
<div class="ui-state-default">Item 3</div>
<div class="ui-state-default">Item 4</div>
</div>
</div>
和JavaScript:
$("#tabs").tabs();
$("#tabs-1, #tabs-2").sortable({
revert: true
});
$("#draggable").draggable({
connectToSortable: '#tabs-1, #tabs-2',
helper: 'clone',
revert: 'invalid'
});
$("ul, li").disableSelection();
美麗!認爲這將是一個艱難的。謝謝! – RayLoveless 2012-01-12 17:02:05