Question

我想通过点击button1和button2来显示Flickr的专辑。

但我希望它在点击时替换其他相册而不是在其下显示。我试图将appendTo更改为替换但是没有用。

HTML：

<div id="images"></div>
<a id="button1" href="#">1</a>
<a id="button2" href="#">2</a>

脚本：

$("#button1").click(function() {
    $.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157615971582524&nsid=33000359@N05&lang=en-us&format=json&jsoncallback=?" , function(data){
            $.each(data.items, function(i,item){
                $("<img/>").attr("src", item.media.m).appendTo("#images")
                .wrap("<a href='" + item.link + "'></a>");
            });
        });
});

$("#button2").click(function() {
    $.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157630193661622&nsid=33000359@N05&lang=en-us&format=json&jsoncallback=?" , function(data){
            $.each(data.items, function(i,item){
                $("<img/>").attr("src", item.media.m).appendTo("#images")
                .wrap("<a href='" + item.link + "'></a>");
            });
        });
});

Answer 1

只需在两个单击功能（）

中添加$（'＃images a'）。remove（）

<script type="text/javascript">
$(document).ready(function(){
$("#button1").click(function() {
    $('#images a').remove()
    $.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157615971582524&nsid=33000359@N05&lang=en-us&format=json&jsoncallback=?" , function(data){
            $.each(data.items, function(i,item){
                $("<img/>").attr("src", item.media.m).appendTo("#images")
                .wrap("<a href='" + item.link + "'></a>");
            });
        });
});

$("#button2").click(function() {
    $('#images a').remove()
    $.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157630193661622&nsid=33000359@N05&lang=en-us&format=json&jsoncallback=?" , function(data){
            $.each(data.items, function(i,item){
                $("<img/>").attr("src", item.media.m).appendTo("#images")
                .wrap("<a href='" + item.link + "'></a>");
            });
        });
});

})
</script>

替换Flickr相册而不是附加它

1 个答案: