如何对 div 数组实现 onclick 函数答案

【问题标题】：How to implement an onclick function to an array of divs如何对 div 数组实现 onclick 函数
【发布时间】：2013-10-27 00:20:31
【问题描述】：

我正在使用 Flickr API，我想为每个图像创建一个 onlick 弹出 div，它以更大的形式显示图像，例如 http://fancybox.net/。

我怎样才能实现这一点，以便将 onclick 功能应用于 div 容器中的每个 div？

项目：http://jsfiddle.net/phippsy20/rtzp8/

jQuery：所以这个语句使 div

for (var i = 0; i < 210; i++) {
  $('<div />').attr('id', 'photo-' + i).addClass('photo').appendTo('#photo-container');
}

这个函数从flickr加载图片作为背景图片：

$.each(data.photos.photo, function(i, photo) {
        var imgURL = 'http://farm' + photo.farm + '.staticflickr.com/' + photo.server + '/' + photo.id + '_' + photo.secret + '_n.jpg';

        console.log(imgURL);

        // Pre-cache image
        $('<img />').attr({'src': imgURL, 'data-image-num': i}).load(function() {
           console.log('image loaded');
           var imageDataNum = $(this).attr('data-image-num');
           $('#photo-' + imageDataNum).css('background-image', 'url(' + imgURL + ')').removeClass('fade-out').addClass('fade-in');

        })

【问题讨论】：

重复您自己的问题stackoverflow.com/questions/19602643/…
放最少的相关代码，这个问题写得真好。
您的问题不清楚，因此您从未从任何问题中得到答案。
是的，我知道它写得不太好，而且我的时间紧迫，显然我是新手。我只是真的需要一些帮助，我不确定应该或不应该包括什么。
你当然不应该重复发布你的问题两次。

标签： javascript jquery html css flickr

【解决方案1】：

好的，如果我理解你的问题，这可能会对你有所帮助：

$("#heading-name div").each(function(i){        
    $(this).attr("onclick","popup("+i+")");
});

演示工作：http://jsfiddle.net/k2h8p/1/（在您的计算机中本地测试代码）

【讨论】：

啊，这不是我想要的，对此很抱歉，但我发现这很难解释我的代码发生了什么，所以我希望它看起来像这样：@ 987654322@。我会尝试更新帖子以尝试改进它。
我还没有达到 5 级，所以暂时无法。