javascript - div の配列に onclick 関数を実装する方法

Question

私は Flickr API を使用しており、このhttp://fancybox.net/のような大きな形式で画像を表示する各画像の onlick ポップアップ div を作成したいと考えています。

onclick 関数が div コンテナ内の各 div に適用されるようにするには、どうすればこれを実装できますか?

プロジェクト: http://jsfiddle.net/phippy20/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');

        })