Uncaught ReferenceError : $ n'est pas défini ?

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>
Commentaires (6)

Vous appelez la fonction ready avant que le JavaScript de jQuery ne soit inclus. Référencez d'abord jQuery.

Commentaires (4)

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.

Commentaires (2)