Uncaught ReferenceError: $ er ikke defineret?

Hvordan kan det være, at denne kode kaster en

Uncaught ReferenceError: $ er ikke defineret

når det var OK før?

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

Resultater i faner lukker ikke længere.

jQuery er refereret i overskriften:

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

Du bør sætte referencerne til jquery-scripts først.

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

Du kalder ready-funktionen, før jQuery JavaScript er inkluderet. Henvis først til jQuery.

Kommentarer (4)

Jeg havde præcis det samme problem, og ingen af de ovennævnte løsninger hjalp. Jeg har dog bare linket .css-filerne efter .js-filerne, og problemet forsvandt på mirakuløs vis. Håber det hjælper.

Kommentarer (2)