Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何对div数组实现onclick函数_Javascript_Jquery_Html_Css_Flickr - Fatal编程技术网

Javascript 如何对div数组实现onclick函数

Javascript 如何对div数组实现onclick函数,javascript,jquery,html,css,flickr,Javascript,Jquery,Html,Css,Flickr,我使用的是Flickr API,我想为每个图像创建一个onlick弹出div,它以这样一个更大的形式显示图像 如何实现这一点,以便将onclick函数应用于div容器中的每个div 该项目: jQuery:所以这个语句使div for (var i = 0; i < 210; i++) { $('<div />').attr('id', 'photo-' + i).addClass('photo').appendTo('#photo-container'); } 此函数用

我使用的是Flickr API,我想为每个图像创建一个onlick弹出div,它以这样一个更大的形式显示图像

如何实现这一点,以便将onclick函数应用于div容器中的每个div

该项目:

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');

        })

好的,如果我理解你的问题,这可能会帮助你:

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

演示工作:在您的计算机中本地测试代码

复制您自己的问题,放入最低相关代码,此问题写得非常好。您的问题不清楚,因此您从未从任何问题中得到答案。耶,我知道它写得不太好,我只是时间有点紧,显然我是个新手。我只是真的需要一些帮助,我不知道应该或不应该包括什么。你当然不应该再发布你的问题两次。啊,好吧,不完全是我想要的,很抱歉,但我发现这真的很难解释我的代码是怎么回事,所以我希望它看起来是这样的:。我会尝试更新这篇文章,试着对它进行一点改进。我还没有达到5级,所以我现在不能。