我正在更新我的画廊网站,该网站使用砖石来布置所有图像。我想在点击联系链接时在砖石中间打开一个联系面板。
有没有办法在第三个 DIV 之后插入新砖,而不是简单地附加或预先添加它们?
这可能只用砖石,还是需要我改用同位素?
我尝试使用 .after 而不是 .prepend,但这似乎不是一个可行的选择:
我正在更新我的画廊网站,该网站使用砖石来布置所有图像。我想在点击联系链接时在砖石中间打开一个联系面板。
有没有办法在第三个 DIV 之后插入新砖,而不是简单地附加或预先添加它们?
这可能只用砖石,还是需要我改用同位素?
我尝试使用 .after 而不是 .prepend,但这似乎不是一个可行的选择:
您可以插入内容,然后“重新加载”砌体。以下是您可以执行的操作的基本版本。你可以用这个替换你在连接接触按钮的地方。您可能希望在添加联系信息时设置一个标志,以便它不会被多次添加,或者提供删除联系信息的方法(如关闭按钮) - 这完全取决于您。
$(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');
});
});