jQuery與jQuery UI的砌體衝突Sortable

Question

使用砌體時，jQuery UI Sortable不起作用。任何想法如何避免這種衝突？任何幫助，將不勝感激。

Answer 1

我想我有類似的問題。

我試圖通過簡單地回憶建立可排序元素的代碼中的砌體來解決它。 （有可能是一個更好的辦法，我不知道？）

$(function() { 
     $("#youritem").sortable({ opacity: 0.9, cursor: 'move', update: function() { 
      var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
      $.post("dosomething.php", order, function(theResponse){ 
         //you can see that i've re-called masonry once the sortable object has been moved     
         $('#youritem').masonry({columnWidth: 200, itemSelector: 'youritem' }); 
      });                
     }         
     }); 
    }); 

希望這可以幫助你 - 如果有另一種方式，我也想知道。

Answer 2

我也有過類似的問題，但後來我發現了一個工作砌體&可排序&可調整大小的例子：

http://tyler-designs.com/masonry-ui/

並不完美，但它是一個很好的起點。

Answer 3

使用gridster - 它就像一個魅力非常直觀