我正在使用Flickr的REST api创建网站的投资组合部分。但是,投资组合项目列表是通过以下代码动态生成的:
$.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元素时,此其他插件将不起作用,因此,不存在适用于项目组合的功能。我试图解决这个问题没有成功。可以吗
最佳答案
每当将新元素添加到页面时,都将需要重新运行将事件处理程序附加到DOM元素的代码。
在与上述相同的功能中,您需要重新调用该插件,以便它知道新的结构。