如何實現一個div的數組的onclick函數

-4

我使用的是Flickr API，我想爲每個圖像創建一個onlick彈出div，以更大的形式顯示圖像http://fancybox.net/。如何實現一個div的數組的onclick函數

我該如何實現這一點，以便將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'); 

     })

來源

2013-10-27 phippsy20

重複自己的問題http://stackoverflow.com/questions/19602643/popup-onclick-function-applied-to-an-array- –

把最小的相關代碼，這個問題寫得很糟糕。 –

你的問題並不清楚，所以你從來沒有從你的任何問題得到答案。 –

好吧，如果我理解你的問題，這可以幫助你：

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

演示工作：http://jsfiddle.net/k2h8p/1/（本地測試代碼在你的電腦）

來源

2013-10-27 03:08:45 Duver

啊不好，我一直在尋找，對此感到抱歉，但我發現這很難解釋我的代碼是怎麼回事，所以我想它看起來像這樣：http://fancybox.net/ 。生病嘗試和更新這篇文章，嘗試和改進一下。 – phippsy20

謝謝，我很感謝你的幫助 – phippsy20

避免說謝謝，你可以指出這個答案。 –

如何實現一個div的數組的onclick函數

回答

相關問題