jquery - jquery masonryを使用してグリッドの中央にアイテムを挿入する

Question

私はギャラリーのウェブサイトの更新に取り組んでおり、石積みを使用してすべての画像をレイアウトしています。連絡先リンクをクリックすると、石積みレンガの真ん中に連絡先パネルが開きます。

単純に追加または先頭に追加するのではなく、3 番目の DIV の後に新しいブリックを挿入する方法はありますか?

これは石積みだけで可能ですか、それともアイソトープに切り替える必要がありますか?

.prepend の代わりに .after を使用してみましたが、それは実行可能なオプションではないようです:

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