Как отобразить больше информации об изображениях в модальном режиме (цикл jQuery & .each) - PullRequest
Новая
       140

Как отобразить больше информации об изображениях в модальном режиме (цикл jQuery & .each)

0 голосов
/ 17 марта 2019

Я перебираю объекты с помощью .getJSON из Flickr и представляю только изображения на экране в столбцах.

Однако я хочу, чтобы появилось модальное или диалоговое окно, в котором может отображаться некоторая информация об этом конкретном изображении.

function apiCall(searchvalue){
    $.getJSON("https://www.flickr.com/services/feeds/photos_public.gne?tags='"+searchvalue+"'&format=json&jsoncallback=?", function(data) { 
        $.each(data.items, function(index, item){
            var column = $('<div>').addClass('column').appendTo('.column-wrapper');
            //$('<p>').addClass('info').text(item.title).appendTo(column);
            $('<img>').addClass('img-fluid').attr('src',item.media.m).appendTo(column);

        });   
    }  
);}

Я знаю, что должен использовать функцию щелчка и (это).Но я знаю, что не должен делать это внутри цикла.

Так как я могу получить доступ к значениям объекта вне этого цикла и отобразить его модально?Нужна ли мне отдельная функция?Я немного растерялся.

...