jQuery Masonry 与 jQuery UI 可排序冲突答案

【问题标题】：jQuery Masonry conflict with jQuery UI SortablejQuery Masonry 与 jQuery UI 可排序冲突
【发布时间】：2011-02-28 10:57:23
【问题描述】：

使用 Masonry 时，jQuery UI Sortable 不工作。知道如何避免这种冲突吗？任何帮助将不胜感激。

【问题讨论】：

标签： jquery jquery-ui jquery-masonry

【解决方案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' });
            });                                                              
        }                                 
        });
    });

希望对您有所帮助 - 如果还有其他方法我也想知道。

【讨论】：

【解决方案2】：

我也有类似的问题，但后来我找到了一个工作 Masonry&Sortable&resizable 示例：

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

并不完美，但这是一个很好的起点。

【讨论】：

【解决方案3】：

使用gridster——它就像一个魅力并且非常直观

【讨论】：

据我所知，gridster 的唯一问题是它只是在视觉上改变了顺序。如果你想让它重新排列 DOM 中的项目，你会想要使用 Sortable 和 Masonry。