Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Themes /

Discuss SilverStripe Themes.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

$SilverStripeNavigator breaks my jQuery script


Go to End


5 Posts   1771 Views

Avatar
anebg

Community Member, 8 Posts

23 November 2010 at 4:52am

How do I tell my jquery script to use something else than $ ?

Do I have to change all the $ to _$ ?

This is my script

$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
timeout: 6000
});
});

Avatar
Invader_Zim

Community Member, 141 Posts

23 November 2010 at 5:00am

Hi,

try this in your script:

(function($) {
	
    $(document).ready(function(){
		// your jquery awesomeness.
    })

})(jQuery);

more info here: http://doc.silverstripe.org/javascript

Cheers,
Christian

Avatar
anebg

Community Member, 8 Posts

23 November 2010 at 5:12am

Works like a charm. Thank you!

Avatar
biapar

Forum Moderator, 435 Posts

12 December 2010 at 9:28pm

Or use JQuery.NoConflict

Avatar
bennettpr

Community Member, 37 Posts

15 December 2010 at 11:36am

To expand on biapar's reply, something like this will stop your custom scripts from interfering with other scripts already using the $ namespace / function:

$.noConflict();

jQuery(document).ready(function() {
jQuery('#myid').click(....)
});