Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: jQuery problems

  1. #1
    New to the CF scene
    Join Date
    Aug 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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?

  • #2
    New Coder
    Join Date
    Feb 2009
    Location
    Uzbekistan
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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...


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •