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 - 它就像一个魅力非常直观