3

Good morning,

I've a problem concerning the jQuery plugin isotope.

enter image description here

As you can see here on jsfiddle I have a grid with dynamic layout (you can click on a div and the size and the layout changes). Now I want to be able to sort the items in an other order by using jQuerys sortable. Adding this to the code:

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

Will make it draggable but without any sortable function.

What am I doing wrong?

TIA - With best regards, 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 ドラッグ可能と同位体の両方を使用していることを確認してください。

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

That's possible but with limitations. Take a look at http://tyler-designs.com/masonry-ui/

于 2012-11-01T11:41:54.873 に答える