fancyBox이 여기에 개발 사이트에 인라인 내용

Question

를로드 할 수 없습니다. 나는 FancyBox가로드 중임을 테스트하기 위해 이미지를 추가했으며로드가 더 일반적인 문제가 아니며 인라인 컨텐츠 만 작동하지 않는다고 알려줍니다.

다른 많은 사람들이 매우 비슷한 질문을하는 것을 보았습니다. 그러나 수정 사항이 도움이되지는 않습니다.

<a class="various" href="#inlinedata">Inline</a> 
<a class="various" href="http://dev.pathway-360.com/wp-content/themes/pathway360/images/ballwitharrows.jpg">Image</a> 


<div id="inlinedata" style="width: 500px; display: none;"> 
    Just text 
</div> 

그리고 내 JS는 다음과 같습니다 :

내 HTML은

$(document).ready(function() { 
    $(".various").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
    }); 
}); 

Answer 1

이것은 클릭 이벤트에 두 번째 이벤트 리스너에 의해 발생했다. 이를 제거하면 문제가 해결됩니다.