jQuery的追加縮略圖返回「未定義」

Question

我需要在這一個在這裏的第二雙眼睛是代碼：

$(function() { 
    thumbnails = ['images/image1.png', 'images/image2.png', 'images/image3.png', 'images/image4.png', 'images/image5.png', 'images/image6.png', 'images/image7.png', 'images/image8.png'] 
    $('#images img').click(function(e) { 
     e.preventDefault(); 
     var newImage = $('<img src="' + thumbnails.filename + '"/>'); 
     var dragdiv = $('<div class="draggable">' + newImage.value + '</div>'); 
     $('#imageBox').append(dragdiv); 
     $('.draggable').draggable({ 
     scroll: false, 
     containment: '#imageBox' 
     }); 
     $('.draggable img').resizable({ 
     handles: "all" 
    }); 
}); 

}）;

Answer 1

使用

var newImage = '<img src="' + thumbnails.filename + '"/>'; 
var dragdiv = '<div class="draggable">' + newImage.value + '</div>'; 

，而不是

var newImage = $('<img src="' + thumbnails.filename + '"/>'); 
var dragdiv = $('<div class="draggable">' + newImage.value + '</div>'); 

新的編輯：我希望這就是你要找的

$(function() 
{ 
$('#images img').click(function(e) { 
e.preventDefault(); 

var newImage = '<img src="' + $(this).attr('src') + '"/>'; 
var dragdiv = '<div class="draggable">' + newImage + '</div>'; 

    $('#imageBox').append(dragdiv); 
    $('.draggable').draggable 
     ({ 
      scroll: false, 
      containment: '#imageBox' 
    }); 

    $('.draggable img').resizable({ 
      handles: "all" 
    }); 
}); 
});