3

早上好，

我有一个关于 jQuery 插件的问题isotope。

在此处输入图像描述

正如您在 jsfiddle 上看到的那样，我有一个具有动态布局的网格（您可以单击 div 并更改大小和布局）。现在我希望能够items使用 jQuerys 以其他顺序排序sortable。将此添加到代码中：

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

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

我究竟做错了什么？

TIA - 最好的问候， frgtv10

4

4 回答 4

9

MetaFizzy 有一个名为Packery的新插件，它可以满足您的需求。

请参阅此处了解更多信息：http: //packery.metafizzy.co/draggable.html

于 2013-04-24T13:34:29.923 回答
5

您可以使用我对 gridster.js 的修改并添加调整大小。（也包括砖石和可拖动）

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

示例： http ://evalds.lv/gridster

于 2013-04-24T15:21:47.620 回答
1

我给你一个 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 ...
于 2014-08-12T09:45:21.997 回答
0

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

于 2012-11-01T11:41:54.873 回答