的jQuery appendTo似乎沒有奏效

Question

我試圖輸出的圖像與jQuery Mobile的相關的彈出式視窗，我有一個循環下面的代碼：

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

此輸出的圖像正確的與正確的ID彈出div，但是當我試圖將圖像追加到彈出窗口，網絡檢查器顯示爲空？

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