Comment se fait-il que ce code jette un
Uncaught ReferenceError : $ n'est pas défini
alors qu'il était correct auparavant ?
$(document).ready(function() {
$('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
$('#featuredvid > ul').tabs();
});
Les résultats dans les onglets ne se ferment plus.
jQuery est référencé dans l'en-tête :
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>
Vous devriez mettre les références aux scripts jquery en premier.
<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>
Vous appelez la fonction ready avant que le JavaScript de jQuery ne soit inclus. Référencez d'abord jQuery.
J'ai eu exactement le même problème et aucune des solutions ci-dessus ne m'a aidé.
Cependant, j'ai simplement lié les fichiers .css
après les fichiers .js
et le problème a miraculeusement disparu. J'espère que cela vous aidera.