Question

我正在使用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

中

Answer 1

使用#id代替.ClassName为Partiular添加一个disableSelection()方法#id

 $(function () {

   $("#sortable1").sortable({
       connectWith: "#sortable2"
    }).disableSelection();

    $("#sortable2").sortable({
    }).disableSelection();

});

更新了Fiddle Here

jQuery可排序/可拖动列表disableselection（）不起作用

1 个答案: