Замените альбом Flickr вместо добавления

Question

Замените альбом Flickr вместо добавления

0

Я хотел бы показать альбом Flickr, нажав на кнопки1 и кнопку2.

Но я хочу, чтобы он заменил другой альбом, когда его щелкали, а не показывали его. Я попытался изменить appendTo на replaceWith, но это не сработало.

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>");
            });
        });
});

user3406286 08 июнь 2014, в 11:45

Источник

Теги:

jquery

api

flickr

1 ответ

Ещё вопросы

Devima · Accepted Answer · 2014-06-08T09-38-00.000Z

Просто добавьте $ ('# 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>

Хаха спасибо, какое простое решение: '). Большое спасибо!