jquery - jQuery .empty() 覆盖 .appendTo()

Question

我有一个由 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()是当时在模态中只有一个图像并防止堆积。

Answer 1

更改.appendTo('#imageModal #imageHolder')为.appendTo('#imageModal')。该imageModal元素刚刚被清空，因此它不能包含具有 id 的元素imageHolder。