jQuery appendTo 似乎不起作用

Question

我正在尝试使用 jQuery 移动设备输出带有关联弹出窗口的图像，我在循环中有以下代码：

for( var i = 0, c = imageArray.length; i < c; i++ ) {
    counter ++;
    // Create new Image element
    var img = $('<img data-rel="popup" class="image"/>').attr({src: imageArray[i], href: "#"+"image"+counter});
    // Append new img to our photos div
    img.appendTo('.photos');

    var popoutID = "image"+counter;
    var popout = $('<div data-role="popup"></div>').attr("id", popoutID);
    popout.appendTo('.photos');
    var popoutImg = $('<img />').attr("src", imageArray[i]);
    popoutImg.appendTo(popoutID);
}

这会正确输出图像，弹出窗口 div 具有正确的 ID，但是当我尝试将图像附加到弹出窗口时，网络检查器将其显示为空？

Answer 1

appendTo 指向一个字符串，而不是弹出窗口：

popoutImg.appendTo(popout);

我喜欢在变量前加一个$作为提示，所以我知道它是一个jQuery对象：

var $popout = $('<div data-role="popup"></div>').attr("id", popoutID);
$popout.appendTo('.photos');
var popoutImg = $('<img />').attr("src", imageArray[i]);
popoutImg.appendTo($popout);

jQuery appendTo 似乎不起作用

jQuery appendTo doesn't appear to be working

javascript

jquery

append