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

NEW EDIT: Я надеюсь, что это то, что вы искали

$(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" 
    }); 
}); 
});