JQuery 이미지 대신 '[object, Object]'추가

Question

일부 이미지의 URL을 다운로드하기 위해 JQuery의 $.getJSON 함수를 사용하고 있는데 div로 출력하려고합니다. 나는이처럼 보이도록 출력을 얻기 위해 노력하고 있어요 :

<a href="the image url (shot.short_url)"><img src="the direct image url (shot.image_teaser_url)" /></a> 

을하지만,이 대신에 출력됩니다 : 나는 출력 밖으로 경우 잘못된 갈거야 어디

<div id="body-wrapper"> 
    <a href="http://drbl.in/300896">[object Object]</a> 
    <a href="http://drbl.in/298080">[object Object]</a> 
    <a href="http://drbl.in/290395">[object Object]</a> 
    <a href="http://drbl.in/290324">[object Object]</a> 
    <a href="http://drbl.in/268595">[object Object]</a> 
    <a href="http://drbl.in/265197">[object Object]</a> 
    <a href="http://drbl.in/256368">[object Object]</a> 
    <a href="http://drbl.in/252519">[object Object]</a> 
    <a href="http://drbl.in/242235">[object Object]</a> 
    <a href="http://drbl.in/241676">[object Object]</a> 
</div> 

당신은 말해 줄 수주십시오 영상? - 그래서 생산하는 문자열에 추가 [개체 개체

function work() { 
      $('#body-wrapper').empty(); 
      $.getJSON("http://dribbble.com/jakekrehel/shots.json?callback=?", function(data){ 
       $.each(data.shots, function(i,shot){ 
        var image = $('<img/>').attr('src', shot.image_teaser_url); 
        var title = '<a href=\"' + shot.short_url + '\">'; 
        var string = title; 
        string = string + image; 
        string = string + '</a>'; 
        $('#body-wrapper').append(string); 
       }); 
       }); 
     } 

Answer 1

이

// create image 
var image = $('<img>').attr('src', shot.image_teaser_url); 

// create anchor and append image 
var anchor = $('<a>').attr('href', shot.short_url).append(image); 

// append anchor to container 
$('#body-wrapper').append(anchor); 

Answer 2

이미지가 jQuery를 객체가 아닌 문자열 인 당신의 .each() 콜백 내에서이 시도 :

이

내 코드입니다 ]

이상적으로 모든 것을 개체로 변경하십시오.

$('#body-wrapper').append(
    $("<a/>",{"href": shot.short_url}).append(
    $("<img/>",{"src": shot.image_teaser_url})); 

또는 속임수이 문자열 = 문자열 + image.html을();

하나는

참고 작동합니다 : 나는 구문 검사없는 사람을 입력하고 괄호의 많은이있다, 최선 상점을했다!