jQuery为同位素砌体添加可排序/可拖动

Question

早上好，

我遇到了关于jQuery插件isotope的问题。

正如您所见here on jsfiddle我有一个带动态布局的网格（您可以单击div并调整大小和布局）。 现在，我希望能够使用jQuerys items以其他顺序对sortable进行排序。 将其添加到代码中：

$container.sortable({
   items: '.item'
});

将使其可拖动，但没有任何可排序的功能。

我做错了什么？

TIA - 最诚挚的问候， frgtv10

Answer 1

MetaFizzy有一个名为Packery的新插件，它可能会做你想要的。

请点击此处了解详情：http://packery.metafizzy.co/draggable.html

Answer 2

您可以使用我对gridster.js的修改并添加resize。 （还包括砌筑和可拖动）

https://github.com/evaldsurtans/gridster.js

实施例： http://evalds.lv/gridster

Answer 3

我给你一个jsfiddle的链接......看看他们使用了jquery draggable和isotope。

http://jsfiddle.net/ganeshgaxy/yL3Lu/

$(document).ready(function () {
    $('#inner').isotope({
        itemSelector: '.gravity'
    });
    var list = $('#inner');
    list.sortable({
        cursor: 'move',
        start: function (event, ui) {
            ui.item ...

Answer 4

这是可能的，但有局限性。看一眼 http://tyler-designs.com/masonry-ui/