accordéon jquery et thickbox choc

Question

J'ai un problème avec thickbox et accordéon sur la même page à-dire qu'aucun d'entre eux travaillent. J'ai vérifié qu'ils utilisent tous les deux la dernière version de jquery. Voici ma comprend. Il n'y a pas d'autres fichiers JScript inclus. J'utilise ceci sur un modèle si cela peut wordpress causer un problème.

<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" />

Voici l'appel à l'accordéon:

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

L'URL vers mon site est

Était-ce utile?

Nous faire parvenir

La solution

Votre code inclus des références à deux versions de la bibliothèque jquery. Le premier (jquery-1.3.2.min.js) a été étendu avec le plugin d'accordéon, mais il a été écrasé par la seconde bibliothèque (jquery.js).

a brisé le code parce que la seconde $('#sidebar ul').accordion(); bibliothèque jquery ne contenait pas de définition de la fonction accordion (Seule la première bibliothèque jquery a été étendue avec le plugin accordéon).

Une fois que vous avez supprimé la deuxième bibliothèque jquery la thickbox a cessé de fonctionner parce que thickbox 3.1 ne supporte pas jQuery 1.3+ mais cela peut facilement être corrigé par changer une seule ligne dans thickbox.js de:

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

à

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

Answer 1

Votre code inclus des références à deux versions de la bibliothèque jquery. Le premier (jquery-1.3.2.min.js) a été étendu avec le plugin d'accordéon, mais il a été écrasé par la seconde bibliothèque (jquery.js).

a brisé le code parce que la seconde $('#sidebar ul').accordion(); bibliothèque jquery ne contenait pas de définition de la fonction accordion (Seule la première bibliothèque jquery a été étendue avec le plugin accordéon).

Une fois que vous avez supprimé la deuxième bibliothèque jquery la thickbox a cessé de fonctionner parce que thickbox 3.1 ne supporte pas jQuery 1.3+ mais cela peut facilement être corrigé par changer une seule ligne dans thickbox.js de:

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

à

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

Answer 2

Je ne sais pas pourquoi vous utilisez la fonction noConflict sur votre site - cela est destiné à désactiver le raccourci $ dans jQuery il peut donc être utilisé avec des bibliothèques contradictoires comme Prototype. Étant donné que votre site semble seulement être utiliser un code jQuery, vous n'avez pas besoin de cela.

Après avoir le raccourci $ désactivé provoque une erreur fatale dans le code pour Thickbox, qui est à son tour la JS pour écraser la page.

Essayez de se débarrasser du code noConflict et juste appeler la fonction directement accordian, comme suit:

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

En outre, vous ne devriez pas y compris les jquery.accordion-1.2.2.js et jquery.accordion-1.2.2.source.js, il suffit d'utiliser la version compressée jquery.accordion-1.2.2.js par lui-même .