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

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');
    });
});