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

Question

我想创建一个由 a 中的一些li元素组成的行ul，所以我使用了 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();
});

工作小提琴：http: //jsfiddle.net/j2K86/3/