div 배열에 onclick 함수를 구현하는 방법

-4

저는 Flickr API를 사용 중이며 http://fancybox.net/과 같은 더 큰 형식으로 이미지를 표시하는 각 이미지에 onlick 팝업 div를 만들고 싶습니다.div 배열에 onclick 함수를 구현하는 방법

div 컨테이너의 각 div에 onclick 함수가 적용되도록 어떻게 구현할 수 있습니까?

는

프로젝트 : http://jsfiddle.net/phippsy20/rtzp8/

jQuery를이 :

$.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- of-divs –

최소 관련 코드를 입력하십시오.이 질문은 몹시 쓰여집니다. –

귀하의 질문이 명확하지 않으므로 귀하의 질문에 대한 답변을 얻지 못했습니다. –

좋아, 내가 만약 그래서이 문장은 div의

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

이 기능은 배경 이미지로 플리커에서 사진을로드에게 있습니다 질문을 이해하면 도움이 될 것입니다.

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

데모 작업 : http://jsfiddle.net/k2h8p/1/이 (컴퓨터에 로컬로 코드를 테스트)

자신의 질문

출처

2013-10-27 03:08:45 Duver

Ahh 잘 아니에요, 내가 뭘 찾고 있었는지, 미안 해요.하지만이게 정말 열심히 내 코드로 무슨 일이 일어나고 있는지 설명하고 싶습니다. 그래서 내가 원하는 것은 이것입니다 : http://fancybox.net/ . 그리고 아프지 만 포스트를 업데이트하여 조금만 수정하십시오. – phippsy20

고마워요. 그리고 당신의 도움에 감사합니다. – phippsy20

감사 말하지 말고,이 대답을 지적 할 수 있습니다. –

div 배열에 onclick 함수를 구현하는 방법

답변

관련 문제