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