[JS] IE herkent jQuery niet

  • Onderwerp starter Onderwerp starter Jelly
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

Jelly

Terugkerende gebruiker
Lid geworden
28 dec 2005
Berichten
1.345
Hallo iedereen,

Ik heb het volgende probleem: in alle browsers wordt mijn jQuery script herkend (en ook uitgevoerd), maar alle versies van IE willen het niet laten werken... ik snap dus niet wat er fout kan zijn. Mijn jQuery document is als volgt:
Code:
$(document).ready(function(){

	//MAKING DISAPPEAR THE HOVER BACKGROUND FROM CURRENT TAB	
	
	$('#menu a.notcurrent').hover(function(){
		$('#menu a.current').css('background', 'none')
	}, function(){
		$('#menu a.current').css('background', "url(images/hover.png)");
	}); 
	
	//EMPTY SEARCHINPUT-VALUE ON CLICK IF IT IS 'Search...'
	//AND RESETING DEFAULT ON BLUR IF IT IS EMPTY
	//(OPERA SOMEHOW DOESN'T RECOGNISE THE JS FOR THIS FUNCTION IN THE HTML)
	
	$('#searchinput').focus(function(){
		if($(this).val() == 'Search...'){
			$(this).val('');
		} else {
			// do nothing
		}
	});
	
	$('#searchinput').blur(function(){
		if($(this).val() == ''){
			$(this).val('Search...');
		} else {
			// do nothing
		}
	});
	
	//OPACITY ON BLOCKS
	
	$('#contenttop .block').children('*').animate({ "opacity" : 0.3 }, 0);
	$('#contenttop .block').hover(function(){
		$(this).children('*').stop().animate({
		"opacity" : 1,
		}, 100);
		$(this).css('cursor', 'pointer');
	}, function(){
		$(this).children('*').stop().animate({
		"opacity" : 0.3
		});
	});
	
	$('#contenttop .block').click(function(){
		top.location="about.htm";
	});
	
	
	//SOME TABLE STYLING
	$('table td').addClass('jsOn');
	$('table th').addClass('jsOn');
	$('table tr:even').addClass('tableRowEven');
	$('table tr:odd').addClass('tableRowOdd');
	
});

En ik importeer jQuery en mijn eigen functies als volgt:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	...
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<script type="text/javascript" src="js/jqueryfunctions.js"></script>
</head>
<body>
...

Wat kan hier mis zijn? Ik heb al andere links naar jQuery geprobeerd, de " " tekens gecheckt, document gevalideerd,... ik weet het niet meer. :confused:
Alvast bedankt!

Groeten,
Jelly
 
Ik heb het volgende probleem: in alle browsers wordt mijn jQuery script herkend (en ook uitgevoerd), maar alle versies van IE willen het niet laten werken...

Daar zit je probleem.

Anyway... debuggen in IE is een ware hel.

Het beste wat je aan js debugging hebt volgensmij is dit ding: http://www.debugbar.com/

Dan kun je iig javascript in IE runnen en het antwoord zien...

Het beste kun je steeds stukjes van het script runnen en kijken vanaf waar het fout gaat (met alert bijv.) en dan maar gewoon wijzigen totdat het werkt, er is meestal geen touw aan vast te knopen wat er nou fout gaat.
Wat je ook kunt doen is al je variabelen vooraf laten gaan door een random string, want heel veel zijn er reserved en als je die wijzigd crasht het script zonder een error af te geven.

En verder... sterkte :(
 
Hehe... ik heb het eindelijk gevonden. Bedankt voor je tips! :thumb: Zoiets pieterpeuterigs kan IE dus laten stikken: de , na de "opacity" : 1 liet het hele script falen. :eek:

Stomme IE.

Bedankt!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan