2014-10-29 3 views
0

왜 이것이 나를 위해 작동하지 않는지에 대해 약간 혼란 스럽습니다. 파이어 버그의 네트워크 패널을 점검했는데 모든 라이브러리를 잘로드하는 것 같습니다.Colorbox JQuery가 클릭으로 열리지 않음

기본적으로 사용자가 이미지를 클릭 할 때 라이트 박스를 만들려면 Colorbox 라이브러리를 사용하고 있습니다. 그러나 현재 이미지를 클릭하면 아무 일도 일어나지 않습니다.

이것은 내 html :

<section style="padding-left:2px; margin-bottom: 20px;"> 
    <a rel="lightbox" href="images/classes1.jpg" class="lbox_gallery_img" title="one"><img src="images/classes1.jpg" width="77" height="52" alt="" /></a> 
    <a rel="lightbox" href="images/classes2.jpg" class="lbox_gallery_img" title="two"><img src="images/classes2.jpg" width="77" height="52" alt="" /></a> 
    <a rel="lightbox" href="images/classes3.jpg" class="lbox_gallery_img" title="three"><img src="images/classes3.jpg" width="77" height="52" alt="" /></a> 
<section> 

이 내 JQuery입니다 :

$(document).ready(function(){ 
    $('a.lbox_gallery_img').colorbox(); 
}); 

누구 잘못 갈 수 뭔지 알아?

+0

플러그인에 링크하여 사용중인 버전을 명시하십시오. – Spokey

+0

@Javacadabra 태그를 포함해야하나요? 귀하의 님의 href에있는 이미지를 참조 하시겠습니까? – newDevGeek

+0

은 각 앵커의 색상 상자가 아니어야합니까? –

답변

1

Firebug 및/또는 Google 크롬 개발자 도구 검사기 (Chrome에 이미 F12 키가 있음)를 사용하는 것이 좋습니다. 네트워크 탭을 확인하고 요청을 확인하십시오. 이렇게하면 잘못 입력 된 경로 또는 도달 할 수없는 파일이 있는지 파악하는 데 도움이됩니다. 또한 '콘솔'버튼을 클릭 할 때 자바 스크립트 오류가 있는지 확인할 수 있습니다. 또한 jQuery.noConflict();를 추가하십시오. 귀하의 태그에.

+0

downvotes를 피하기 위해 코멘트로 추가 하시겠습니까? –

+1

@KK 나는 그것을하고 싶다. 그러나 내가 말할 수있을 때, 50을 갖는 것을 부끄러워하기 때문에 나는 현재 할 수 없다. :) – newDevGeek

+1

자, 이제 할 수 있습니다 :) –

관련 문제