我正在使用 HTML5 Sortable用于可排序和可拖动列表。
问题
我正在使用 jQuery disableSelection()
来禁用从右向左移动的列表。那是行不通的。有没有其他方法可以避免列表从右向左移动。
HTML
<section>
<h1>Sortable Lists</h1>
<ul id="sortable1" class="connected sortable list">
<li draggable="true">Item 1
</li><li draggable="true">Item 3
</li><li draggable="true" class="" style="display: list-item;">Item 2
</li><li draggable="true">Item 4
</li><li draggable="true">Item 5
</li><li draggable="true">Item 6
</li></ul>
<ul id="sortable2" class="connected sortable list">
<li class="highlight" draggable="true">Item 1
</li><li class="highlight" draggable="true" style="display: list-item;">Item 2
</li><li class="highlight" draggable="true">Item 3
</li><li class="highlight" draggable="true">Item 4
</li><li class="highlight" draggable="true">Item 5
</li><li class="highlight" draggable="true">Item 6
</li></ul>
</section>
jQuery
$(function () {
$(".connected").sortable({
connectWith: ".connected"
}).disableSelection();
});
fiddle
我把代码放在了Fiddle
最佳答案
Use
#id
instead of.ClassName
add one moredisableSelection()
method for Partiular#id
$(function () {
$("#sortable1").sortable({
connectWith: "#sortable2"
}).disableSelection();
$("#sortable2").sortable({
}).disableSelection();
});
已更新 Fiddle Here
关于jQuery 可排序/可拖动列表 disableselection() 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32451578/