jquery - 拖放后保持三行布局的问题

Question

我想在 ul 中创建由一些 li 元素组成的行，所以我使用了 jquery 1.9.1 和 jquery ui。一切正常，但有些事情与我的预期不同。事实上，当您尝试拖动“Container 4”并将其放在“Container 3”的位置时，网格会发生变化，由四行组成。

我想将网格保留在原来的三行布局中。

有什么想法吗？

http://jsfiddle.net/ussy1649/j2K86/

Answer 1

一个选项是通过添加以下行告诉 sortable 忽略 id = "special"的 li:

items: 'li[id!=special]'

它并不完美，因为它会阻止使用 #4 进行同一行排序，但它会部分解决更大的问题。您的代码将如下所示:

$(function () {

    $("#sortable").sortable({
        placeholder: "placeholder",
        forcePlaceholderSize: true,
        tolerance: 'pointer',
        revert: true,
        cursor: 'move',
        items: 'li[id!=special]'
    });
    $("#sortable").disableSelection();
});

工作 fiddle : http://jsfiddle.net/j2K86/3/