Problem with adding an additional javascript to a page

Question

function slideSwitch() {
var $active = $('#slideshow DIV.active');

if ( $active.length == 0 ) $active = $('#slideshow DIV:last');

// use this to pull the divs in the order they appear in the markup
var $next =  $active.next().length ? $active.next()
    : $('#slideshow DIV:first');

// uncomment below to pull the divs randomly
// var $sibs  = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next  = $( $sibs[ rndNum ] );


$active.addClass('last-active');

$next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 1000, function() {
        $active.removeClass('active last-active');
    });
}

I added this script to a page with additional js, it was working stand alone but now its errors in firebug, newbie, thx for any help...

$(function() {
     setInterval( "slideSwitch()", 5000 );
});

The error message is:

$ is not defined index.html()()index.html (line 126)
$(function() {

what exactly is the original page, what did you add to it? what library are you using? — markus
– markus, Commented Apr 23, 2009 at 19:01
Do not use variables beginning with $, especially if you are using frameworks, to avoid confusion. — Chetan S
– Chetan S, Commented Apr 23, 2009 at 19:09
i agree that you should not use variables beginning with $ ...if line 126 is where you define the callback, your syntax is fine and the problem must be elsewhere. maybe post your entire file — Tony
– Tony, Commented Apr 23, 2009 at 19:17

Tony · Accepted Answer · 2009-04-23 18:55:38Z

2

Have you made sure the new page is including jquery?

If so, add the code in piece by piece to narrow down where the problem is happening. Let me know what happens.

answered Apr 23, 2009 at 18:55

Tony

19.2k32 gold badges136 silver badges196 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Greg · Accepted Answer · 2009-04-23 18:55:57Z

0

It looks like you're using jQuery, although you don't mention it. Did you load the jQuery library? The Prototype library also defines a $() function.

answered Apr 23, 2009 at 18:55

Greg

323k55 gold badges378 silver badges338 bronze badges

2 Comments

Aaron Over a year ago

yea <script type='text/javascript' src='ajax.googleapis.com/ajax/libs/jquery/1.3.2/…> <script type="text/javascript" src="js/jquery-ui.js"></script> <script type="text/javascript" src="js/jquery-fluid16.js"></script> <script type="text/javascript" src="js/thickbox.js"></script>

Tony Over a year ago

also double check that you are not including both prototype and jquery

Matt · Accepted Answer · 2009-04-23 19:19:32Z

0

You are loading jquery AFTER your javascript code executes. That simply won't work. Put your javascript in an exeternal file and load it after jquery.

answered Apr 23, 2009 at 19:19

Matt

2,23012 silver badges10 bronze badges

Collectives™ on Stack Overflow

Problem with adding an additional javascript to a page

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related