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

用getJson替换appendto而不是appendto

2 个答案: