4

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

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

这可能只用砖石,还是需要我改用同位素?

我尝试使用 .after 而不是 .prepend,但这似乎不是一个可行的选择:

http://lilyinblue.com/gridtest.html

4

1 回答 1

4

您可以插入内容,然后“重新加载”砌体。以下是您可以执行的操作的基本版本。你可以用这个替换你在连接接触按钮的地方。您可能希望在添加联系信息时设置一个标志,以便它不会被多次添加,或者提供删除联系信息的方法(如关闭按钮) - 这完全取决于您。

$(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');
    });
});
于 2013-01-04T07:11:16.577 回答