用getJson替換而不是appendto

Question

幫助將不勝感激。

這是從jQuery網站

<button id="refresh">refresh</button> 
    <div id="images"></div> 

    $("#refresh").click(function(){ 
     $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", 
       { 
        tags: "vw beetle", 
        tagmode: "any", 
        format: "json" 
       },  

       function(data) { 
        $.each(data.items, function(i, item) { 
         $("<img/>").attr("src", item.media.m).empty().appendTo("#images"); 
         if (i == 3) 
        return false; 

        }); 
       }); 
     }); 

這是傷透我的大腦的代碼，我要替換的結果，而不是繼續增加或單擊刷新按鈕時追加到的結果。

謝謝

Answer 1

我想你想清空#images：

function (data) { 
    $("#images").empty(); 
    $.each(data.items... 

Answer 2

$("#refresh").click(function() { 
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", { 
     tags: "vw beetle", 
     tagmode: "any", 
     format: "json" 
    },function(data) { 
     var fragment = document.createDocumentFragment(); 
     $.each(data.items, function(i, item) { 
      var img = new Image(); 
       img.src = item.media.m; 
      fragment.appendChild(img); 
      if (i == 3) return false; 
     }); 
     $('#images').html(fragment); 
    }); 
});​ 

追加圖像片段，當你有你的三幅圖像在循環後，用html()插入該片段，刪除已經存在的圖像。