jQuery 라이트 박스 플러그인이 작동하지 않습니다 (Wordpress)

전적으로 당황합니다. Vimeo를 재생하는 라이트 박스를 얻으려고 10 개의 다른 WordPress 플러그인을 시도했을 것입니다. 아무도 작동하지 않습니다.jQuery 라이트 박스 플러그인이 작동하지 않습니다 (Wordpress)

fancybox 2을 website I'm building에 수동으로 업로드하고 모든 지침을 따라야합니다 (알고있는 한). 모든 링크가로드되고 있지만 jQuery가 작동하지 않는 것 같습니다.

this last example (미디어 도우미)과 협력하여 작동하도록 노력하고 있습니다.

HTML

<iframe src="http://player.vimeo.com/video/65191942?title=0&amp;byline=0&amp;portrait=0&amp;color=dd4c23" width="500" height="282" frameborder="0" class="fancybox-media" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p>

그리고 자바 스크립트는 모든 css and js files은 잘 헤더에라고는 </body> 태그가 다시

<script> 
$(document).ready(function() { 
    $('.fancybox-media').fancybox({ 
     openEffect : 'none', 
     closeEffect : 'none', 
     helpers : { 
      media : { true } 
     } 
    }); 
}); 
</script>

직전이다.

그리고 당신은 이것을보고 나서 here을 볼 수 있습니다.

출처

2013-07-21 mr.musicman

콘솔의 오류를 확인 했습니까?

Uncaught TypeError: Cannot call method 'getElementsByClassName' of null new.stevenspiel.com/compositions/:137 
Uncaught TypeError: Object [object Object] has no method 'fancybox'

먼저이 오류를 수정해야합니다

나는이 두 볼 수 있습니다. 당신은 라인 137을 보면

, 당신은이를 참조하십시오 당신이 ","대신이 같은

var $body = document.body 
    , $menu_trigger = $body.getElementsByClassName('menu-trigger')[0];

이 보이는 ";" 첫 번째 줄을 끝내십시오.

출처

2013-07-21 01:36:53 phil

굉장. 오류를 해결하고 라이트 박스 http://new.stevenspiel.com/compositions에서 작업하는 사진을 얻을 수 있었지만 여전히 Vimeo가 다른 웹 사이트로 이동하고 있습니다! 다른 아이디어가 있습니까? –

예. 문서를 보면 동영상은 언급하지 않고 이미지 만 언급합니다. vimeo에 "iframe"또는 "inline"유형을 사용하십시오. http://fancybox.net/howto – phil

@ mr.musicman : 'helpers : {media : true}'스크립트에서이 형식을 시도하십시오. – JFK

jQuery 라이트 박스 플러그인이 작동하지 않습니다 (Wordpress)

답변

관련 문제