0

jQuery関数によって単一の画像で満たされた画像モーダルポップアップがあります。

このポップアップは、サムネイル (サムネイル画像ギャラリーがあります) をクリックして画像を拡大すると表示されます。モーダルに拡大画像がポップアップ表示されます。

これが私がそれを呼び出す方法です：

$('#articleFeatured').click(function (e) {
    e.preventDefault();
    $('#imageModal').show(500);
    $('#imageModal').empty(); //empty modal to prevent clogging/build-up/duplicates
    $('#articleFeatured img').clone().appendTo('#imageModal #imageHolder');
    //imageModal Close Button Functionality
    $('#close_button').click(function () {
        $('#imageModal').hide(500);
    });
});

問題は、

.empty()

を上書きします

.appendTo()

関数。

何故ですか？つまり、appendToは空の後に実行されます。私が使用する理由.empty()は、一度にモーダルに 1 つの画像を配置してビルドアップを防ぐためです。

4

1 に答える 1

1

に変更.appendTo('#imageModal #imageHolder')し.appendTo('#imageModal')ます。imageModal要素が空になったばかりなので、IDを持つ要素を含めることはできませんimageHolder。

于 2013-03-23T10:49:27.170 に答える