2012-02-07 5 views
0

저는 jQuery를 처음 사용하지만 질문이 있습니다. 여러분 중 일부가 도움을 얻을 수 있기를 희망합니다 ...이 사이트에서 몇 가지 예제를 시도했지만 단색을 파악할 수 없습니다. 해결책. 각 링크는 #id에 의해 완전히 고유합니다. 생성 된 (PHP) ID를 반복하고 보편적 인 .click() 이벤트를 추가하려고합니다. 클라우드 - 줌 (jQuery)을 사용하고 있습니다. 내가 ".tagImg"를 클래스 선택기로 사용하면 이미지 (링크)가 새 창에 열립니다. 그러나 특정 ID (# tagImage-0)를 지정하면 스크립트가 완벽하게 작동합니다. 따라서이 작업을 올바르게 수행하려면 알 수없는 양의 이미지를 반복하는 방법이 필요합니다.jQuery.each() 반복을 통해 PHP 출력

매우 기본 골격 : 링크 당

<div class="tagImg"> 
    <a id="tagImage-0" href="big0.img"><img src="/images/thumb0.jpg"></a> 
    <a id="tagImage-1" href="big1.img"><img src="/images/thumb1.jpg"></a> 
    <a id="tagImage-2" href="big2.img"><img src="/images/thumb2.jpg"></a> 
    <a id="tagImage-3" href="big3.img"><img src="/images/thumb3.jpg"></a> 
    <a id="tagImage-4" href="big4.img"><img src="/images/thumb4.jpg"></a> 
    <a id="tagImage-5" href="big5.img"><img src="/images/thumb5.jpg"></a> 
</div> 

작품 :

$(".tagImg").click(function() { 
    // Process some code 
}): 

을 사용 :

$("#tagImage-0").click(function() { 
    // Process some code 
}); 

가 새 창에서 링크를 엽니은 (클라우드 줌을 사용하여, 마음에 계속) 이 문제가 해결되지 않았습니까? :

필요한 경우, 좀 더 구체적인 코드를 제공 할 수 947,

..

답변

0

선택기 #tagImage > a 수단 : 또한 앵커있는 요소 #tagImage의 모든 직계 후손. 해당 설명과 일치하는 요소가 없습니다. 나는 당신이 할 무엇을 의미하는지 생각을했다 :

$('.tagImg > a').click(...); 

기본적으로, 당신은 오타 :

+0

우! 감사합니다 :) 그것은 완벽하게 작동했습니다. – user1193714

0

당신이 무엇을 상기하는 일은 참조 내부의 "A"요소입니다

$(".tagImg > a").click(function() { 
     //process some code 
} 

을 시도 할 수 있었다 div 요소에서 참조되는 "tagImg"클래스의

+0

감사! 이것은 나를 많이 도왔습니다 :) – user1193714

0

시도 :

$(".tagImg > a").click(function() { 
    // Process some code 
}); 
+1

#tagImg가 아닌 .tagImg이어야합니다. – rajasaur

+0

@rajasaur 오, 내 놓치지 마라. – xdazz

+0

완벽하게 작동했습니다. 감사합니다. – user1193714