jQuery 아코디언과 두꺼운 박스 충돌

StackOverflow https://stackoverflow.com/questions/856320

  •  21-08-2019
  •  | 
  •  

문제

같은 페이지에서 두꺼운 박스와 아코디언을 사용하는 데 문제가 있습니다. 나는 그들이 둘 다 최신 버전의 jQuery를 사용하고 있는지 확인했습니다. 아래는 내 포함입니다. 다른 jscript 파일이 포함되어 있지 않습니다. 문제가 발생할 수 있다면 WordPress 템플릿에서 이것을 사용하고 있습니다.

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/jquery.accordion-1.2.2.js"></script>
<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/jquery.accordion-1.2.2.source.js"></script>

<!-- thickbox -->

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/thickbox/thickbox.js"></script>
<link rel="stylesheet" href="<?php bloginfo('url'); ?>/wp-content/themes/foxintouch/javascript/thickbox/thickbox.css" type="text/css" media="screen" />

다음은 아코디언에 대한 부름입니다.

$(document).ready(function () {
 $('#sidebar ul').accordion();
 });

내 사이트의 URL은입니다 http://clients.bionic-comms.co.uk/fox/foxintouch-wp/issue/13/wesco-newrange/어떤 도움이든 큰 감사를드립니다. 감사

도움이 되었습니까?

해결책

코딩 된 두 가지 버전의 jQuery 라이브러리에 대한 참조가 포함되었습니다. 첫 번째 (jQuery-1.3.2.min.js)는 아코디언 플러그인으로 확장되었지만 두 번째 라이브러리 (jQuery.js)에 의해 덮어 씁니다.

이것은 당신을 깨뜨 렸습니다 $('#sidebar ul').accordion(); 두 번째 jQuery 라이브러리에는 accordion 기능 (첫 번째 jQuery 라이브러리 만 아코디언 플러그인으로 확장 됨).

두 번째 jQuery 라이브러리를 제거한 후 Deichbox 3.1이 jQuery 1.3+를 지원하지 않기 때문에 Thickbox는 작동을 중지했지만 이는 쉽게 수정할 수 있습니다. Thickbox.js에서 한 줄 변경 에서:

TB_TempArray = $("a[@rel="+imageGroup+"]").get();

에게

TB_TempArray = $("a[rel="+imageGroup+"]").get();

다른 팁

왜 귀하가 귀하의 사이트에서 Noconflict 기능을 사용하고 있는지 잘 모르겠습니다. 이것은 jQuery에서 $ 바로 가기를 비활성화하여 프로토 타입과 같은 충돌하는 라이브러리와 함께 사용할 수 있도록 의도됩니다. 귀하의 사이트는 jQuery 기반 코드 만 사용하는 것처럼 보이므로 필요하지 않습니다.

$ 단축키를 비활성화하면 Thickbox의 코드에서 치명적인 오류가 발생하여 전체 페이지의 JS가 충돌합니다.

Noconflict 코드를 제거하고 다음과 같이 Accordian 기능을 직접 호출하십시오.

 $(document).ready(function () {
     $('#sidebar ul').accordion();
 });

또한 jquery.accordion-1.2.2.js와 jQuery.accordion-1.2.source.js를 모두 포함시키지 않아야합니다. 압축 버전 jQuery.accordion-1.2.2.js 자체를 사용하십시오.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top