Go Back   CodingForums.com > :: Client side development > JavaScript programming > JavaScript frameworks

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 08-06-2009, 11:06 AM   PM User | #1
ianebden
New to the CF scene

 
Join Date: Aug 2009
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
ianebden is an unknown quantity at this point
jQuery problems

Hi - I'm a newbie to jQuery and only limited JavaScript skills, and I'm really struggling with something at the moment which is probably a real quick fix for someone who knows what they're looking at. If anyone can help me I'd be very grateful. Okay...

I'm getting the following error: this.container is null

I'm including a few jQuery libraries, including MooTools and a carousel script.

Here's how my <head> looks...

Code:
<script type="text/javascript" src="/scripts/jquery.js"></script>
<script type="text/javascript" src="/scripts/jquery.tools.min.js"></script>
<script type="text/javascript" src="/scripts/mootools.js"></script>
<script type="text/javascript" src="/scripts/iCarousel.js"></script>

<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery("#share").overlay();
		var ex6Carousel = new iCarousel("example_6_content", {  
		        idPrevious: "example_6_previous",  
		        idNext: "example_6_next",  
		        idToggle: "undefined",  
		        item: {  
		            klass: "example_6_item",  
		            size: 700  
		        },  
		        animation: {  
		            type: "scroll",  
		            duration: 1000,  
		            amount: 1  
		        }  
		    });
		jQuery("thumb0").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(0)});
		jQuery("thumb1").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(1)});
		jQuery("thumb2").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(2)});
		jQuery("thumb3").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(3)});
		jQuery("thumb4").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(4)});
		jQuery("thumb5").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(5)});
		jQuery("thumb6").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(6)});
		jQuery("thumb7").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(7)});
		jQuery("thumb8").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(8)});
		jQuery("thumb9").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(9)});
	});
	</script>
It appears to be the carousel/thumb scripting that's causing the issues. Any thoughts?
ianebden is offline   Reply With Quote
Old 08-13-2009, 12:44 PM   PM User | #2
Uzbekjon
New Coder

 
Join Date: Feb 2009
Location: Uzbekistan
Posts: 17
Thanks: 0
Thanked 0 Times in 0 Posts
Uzbekjon is an unknown quantity at this point
Well, it seems that it is a problem related to this and being able to access this.container. The first thing that pops into my mind is using jQuery.noConflict();

Let me know if that does not help...
Uzbekjon is offline   Reply With Quote
Reply

Bookmarks

Tags
jquery, mootools

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 02:17 PM.


Advertisement
Log in to turn off these ads.