使用jquery砌体在网格中间插入项目

Question

我正在努力更新我的画廊网站，该网站使用砖石来布置所有图像。我想在点击联系链接后在砌砖的中间打开一个联系人面板。

有没有办法在第三个DIV之后插入新砖而不是简单地追加或预先添加它们？

这可能只是砌筑，还是这需要我切换到同位素？

我尝试使用.after代替.prepend，但这似乎不是一个可行的选择：

http://lilyinblue.com/gridtest.html

Answer 1

您可以插入内容，然后“重新加载”砌体。以下是您可以做的基本版本。你可以用你的接线按钮替换你所在的位。您可能希望在添加联系人信息时设置标记，以便不会多次添加，或者提供删除联系信息的方法（如关闭按钮） - 这完全取决于您。

$(document).ready(function(){   
    $('#contactlink').click(function(){
        var $container = $('#container');
        var contactDiv = $('<div class="element">To contact me please call 555-8723</div>');
        contactDiv.insertAfter($container.find('.element').eq(3));
        $container.masonry('reload');
    });
});