Я создаю раздел портфолио веб-сайта, в котором используется REST api Flickr. Список портфель элементов, однако, генерируются динамически этим кодом:jQuery не работает на динамически сгенерированных divs
$.ajax({
url: "https://api.flickr.com/services/rest?method=flickr.photoSets.getList&user_id=********@N04&format=json&nojsoncallback=1&api_key=***********",
context: document.body
}).done(function(results) {
results.photosets.photoset.map(function(item) {
var imgUrl = "https://farm" + item.farm + ".staticflickr.com/" + item.server + "/" + item.primary + "_" + item.secret + "" + ".jpg";
$(" #portfolio_horizontal_container ").append(
'<div class="portfolio_item interior design"> \
<img src=' + imgUrl + ' alt="" /> \
<div class="port-desc-holder"> \
<div class="port-desc"> \
<div class="grid-item"> \
<h3><a href="folio-single">Quisque non augue</a></h3> \
<span>Photography/ Web design</span> \
</div> \
</div> \
</div> \
</div>'
)
})
});
У меня есть еще один плагин, который управляет портфельным взаимодействием и стилем. Однако, когда элементы DOM для элементов портфеля загружаются, другие плагины просто не работают, поэтому функциональность, применяемая к портфолио, не существует. Я пробовал и пытался решить это без успеха. Любые, хотя?
Что вы имеете в виду * «JQuery просто не работает» *? Это не похоже на правильную строку для меня. У вас есть ошибки в консоли? –
отредактирован .. Никаких ошибок в консоли. –
Вы должны инициализировать плагин после добавления содержимого. Как/когда вы их инициализируете? –