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的元素。