Solved

jquery no conflict

Posted on 2012-03-28
3
835 Views
Last Modified: 2012-03-28
Test page http://www.mistletoebay.co.nz/sandpit/test.php
My page was bug free until I added an accordion script that used var $j = jQuery.noConflict();
Since then I am receiving an Object expected error on line 34. The page still works fine however it would be great to resolve this issue.
can anyone suggest a fix?
Cheers,
N
0
Comment
Question by:Neil_Bradley
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 37779893
replace :
        </script>
		<script type="text/javascript">
		$(function () {
			$('#slideshow-common img').hide();//hide all the images on the page
		});		
		var i = 0;//initialize
		var int=0;//Internet Explorer Fix
		$(window).bind("load", function() {//The load event will only fire if the entire page or document is fully loaded
			var int = setInterval("doThis(i)",500);//500 is the fade in speed in milliseconds
		});
		function doThis() {
			
			var imgs = $('#slideshow-common img').length;//count the number of images on the page
			if (i >= imgs) {// Loop the images
				clearInterval(int);//When it reaches the last image the loop ends
			}
			$('#slideshow-common img:hidden').eq(0).fadeIn(500);//fades in the hidden images one by one
			i++;//add 1 to the count
			
			$('#slideshow-common').removeClass('image-holder')
		}
	</script>

Open in new window

by :
        </script>
		<script type="text/javascript">
		jQuery(function () {
			jQuery('#slideshow-common img').hide();//hide all the images on the page
		});		
		var i = 0;//initialize
		var int=0;//Internet Explorer Fix
		jQuery(window).bind("load", function() {//The load event will only fire if the entire page or document is fully loaded
			var int = setInterval("doThis(i)",500);//500 is the fade in speed in milliseconds
		});
		function doThis() {
			
			var imgs = jQuery('#slideshow-common img').length;//count the number of images on the page
			if (i >= imgs) {// Loop the images
				clearInterval(int);//When it reaches the last image the loop ends
			}
			jQuery('#slideshow-common img:hidden').eq(0).fadeIn(500);//fades in the hidden images one by one
			i++;//add 1 to the count
			
			jQuery('#slideshow-common').removeClass('image-holder')
		}
	</script>

Open in new window

0
 
LVL 82

Expert Comment

by:leakim971
ID: 37779895
You've a 404 error for this file : http://www.mistletoebay.co.nz/sandpit/js/easyTooltip.js
0
 
LVL 5

Author Closing Comment

by:Neil_Bradley
ID: 37779925
A++ for that one!
Huge thank you the the fast and perfect solution.
Cheers,
N
0

Featured Post

The Orion Papers

Are you interested in becoming an AWS Certified Solutions Architect?

Discover a new interactive way of training for the exam.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Batch, VBS, and scripts in general are incredibly useful for repetitive tasks.  Some tasks can take a while to complete and it can be annoying to check back only to discover that your script finished 5 minutes ago.  Some scripts may complete nearly …
This article is meant to give a basic understanding of how to use R Sweave as a way to merge LaTeX and R code seamlessly into one presentable document.
The viewer will learn how to dynamically set the form action using jQuery.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question