Uncaught ReferenceError: $ não está definido?

Como é que este código lança um

Uncaught ReferenceError: $ não está definido

quando estava tudo bem antes?

$(document).ready(function() {
    $('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
    $('#featuredvid > ul').tabs();
});

Resultados em abas don'não fechar mais.

jQuery é referenciado no cabeçalho:

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

Você deve colocar as referências aos roteiros de jquery em primeiro lugar.

<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>
Comentários (6)

Você está chamando a função pronta antes que o jQuery JavaScript seja incluído. Referência jQuery primeiro.

Comentários (4)

Eu tinha exatamente o mesmo problema e nenhuma dessas soluções acima ajudou. No entanto, eu apenas liguei os arquivos .css' após os arquivos.js' e o problema desapareceu milagrosamente. Espero que isso ajude.

Comentários (2)