selector 요소 및 컨텍스트를 표시합니다. 요소를 가져올 수 없습니다.

Question

어쩌면 이것은 매우 어리석은 질문 일 수 있습니다.하지만 Google에서이 사실을 파악할 수 없기 때문에 어리석은 질문은 아닙니다. 나는이 볼 콘솔에서

$.each(items, function (key, t) { 
    $("#list").append(
    $("<li />") 
    .append($("<img />") 
     .attr("src", "path/to/" + t.Thumbnail) 
     .addClass("thumb")) 
     .append($("<span />") 
     .html("<b>" + t.Title + "</b><br />" + t.Description))); 
}); 

엄지 손가락을 통해이 I 루프 후 어떤 스타일을 할 수있는 (크기와 비율,하지 여기에 해당)

$(".thumb").each(function() { 
    console.log($(this)); 
}); 

:

나는이 jQuery를 가지고 :

[img.thumb, context: img.thumb, jquery: "1.9.0", constructor: function, init: function,  
selector: ""…] 
0: img.thumb 
context: img.thumb 
length: 1 
__proto__: Object[0] 

이 컨텍스트는 무엇입니까? $ (this) .width()를 사용하면 오류 또는 0이 표시됩니다. 이미 페이지에있는 이미지를 가지고있을 때 ... 작동합니다!

문제는 다음과 같습니다. 왜 작동하지 않는데 왜 다른 페이지에서 작동합니까? 사전에

감사

편집 : 추가 바이올린 예 : http://jsfiddle.net/nN9ce/

Answer 1

.width()은 이미지 자체가 아니라 요소의 크기를 가져옵니다. 스크립트가 실행될 때 이미지가 dom에 추가되었지만 이미지가로드되지 않았으므로 요소가 너비가 0이됩니다 (이러한 요소에로드하려는 이미지의 너비가 128 인 경우에도).

이미지가로드 된 후 콜백을 실행해야합니다.

Answer 2

방법 문제에 대해 확실하지만

width 

그래서 속성을 사용할 수있는 것은 아닙니다, 당신을 그럴거야.

Answer 3

이미지의 너비 및 높이 특성을 설정하지 않았습니다. 이 변경을 시도해보십시오

는

.attr("src", "http://www.logoquizantwoorden.nl/wp-content/uploads/2012/06/Logo-Quiz-uitleg.png") 
.attr("height", "128") 
.attr("width", "128") 
.addClass("thumb") 

바이올린 : http://jsfiddle.net/sBSnS/

Answer 4

대신이 시도하십시오 jsFiddle 쇼 그

http://jsfiddle.net/nN9ce/2/