이미지를 클릭 할 때 nivo-lightbox가 실행되지 않음

Question

나는이 자바 스크립트 플러그인을 설치하는 지침을 따라 왔지만 제대로 작동하지 않는 것 같습니다. (플러그인 : http://dev7studios.com/nivo-lightbox#/documentation)

내 CSS 파일, 테마 및 자바 스크립트 파일에 대한 링크가 올바르게 표시되어 있습니다 (이 파일도 올바르게 보입니다). 이것은 이미 내 워드 프레스 테마로드로

이 (내가 jQuery를 주석 처리했습니다.

라이트 박스는하지만 실행하지 않는 것 같습니다. 왜 여기에 대한 팁 내 이미지를 따기되지 않고, 그들 라이트에서 보여?

것은 나는이 아직도 나뿐만 아니라 작업의 갤러리를 얻을 수 있도록 "데이터 라이트 박스 갤러리"에 대한 속성으로 내 이미지를 래핑하는 방법을 알아낼 필요가 야 한 번.

이미지 관리 : nextgen 갤러리 이미지 레이아웃 : Justified 이미지 갤러리

URL : http://www.sandbox.imageworkshop.com/projects/william-angliss-institute/

Answer 1

이 페이지에서 콘솔을 열면 - 두 자바 스크립트 오류가 있음을 확인할 수 있습니다.

1. Uncaught TypeError: Property '$' of object [object Object] is not a function (index):71

나는 페이지의 소스 코드를 들여다 라인 (71)에 당신이 가지고 :

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

이 jQuery를 작동하지 않는 것을 의미한다. no-conflict wrapper을 사용해야합니다. 홈 페이지에서 홈 페이지 슬라이더를 만들기 위해 .orbit()를 사용하여이 줄에 Uncaught TypeError: Object [object Object] has no method 'orbit'

2.

...하지만. jQuery가 id가 #featured 인 블록을 찾을 수 없기 때문에이 오류가 발생합니다. 아마도 그래서 같은 당신이 블록이 페이지에 있는지 확인해야 같은 실수를 피하기 위해 : 당신이 이러한 오류를 제거하는 경우

var home_slider = $('#featured'); 

if(home_slider [0]) { //if jQuery object is not empty 
    home_slider.orbit({ 
    //yor params here 
    }) 
} 

- 당신이 NIVO-라이트 박스를 볼 가능성이 가장 높은 것입니다 :)

을