用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()插入该片段，删除已经存在的图像。