Archief - jQuery - Firefox probleem

m

meuh

Legacy Member

• 9 mei 2013

• #1

Onderstaande code lijkt in alle browsers te werken, maar niet in Firefox.
Ik heb me al doodgezocht naar het probleem. Maar ik zie helemaal niets fout aan deze code.
Er komt zelfs geen alert box.

Ik heb mijn console gechecked en daar krijg ik geen errors.

Iemand enig idee ?

Code:

$('#item1').click(function(event){
		alert('test');
		event.preventDefault();
		$('.header .content ul li').removeClass('current');
		$('.header .content ul li').removeClass('current-arrow');
		$('#visie').addClass('current');
		
		//slide content
		$(".wrapper ul").animate({
			marginLeft: '-645px'
		}, 500);
	});

a

adrianhates

Legacy Member

• 9 mei 2013

• #2

probeer eens:
$('#item1').on('click', function(e){

});

afhankelijk van uw jQuery versie ligt die gwne click er uit denk ik .. ( wild guess )
ook zeker da ge ni met een gecachte versie zit ofzo? Ook altijd checken ( ctrl shift r )

b

bealzebub

Legacy Member

• 9 mei 2013

• #3

Andere mogelijkheid is dat je twee keer dezelfde ID gebruikt op je pagina of dat je HTML ergens serieus invalid is.

m

meuh

Legacy Member

• 9 mei 2013

• #4

adrianhates zei:

probeer eens:
$('#item1').on('click', function(e){

});

Klik om te vergroten...

Dit werkt ook perfect in alle browsers, maar niet in Firefox.

Andere mogelijkheid is dat je twee keer dezelfde ID gebruikt op je pagina of dat je HTML ergens serieus invalid is.

Klik om te vergroten...

Er worden geen 2 dezelfde id's gebruikt.



Het gaat over deze website:
http://kinecharlier.be/OFFLINE/

(layout is niet van mij )

D

Dastardly

Legacy Member

• 9 mei 2013

• #5

Haal die event.preventDefault(); er is even tussenuit en zet vanonder eens return false;

m

meuh

Legacy Member

• 9 mei 2013

• #6

Dastardly zei:

Haal die event.preventDefault(); er is even tussenuit en zet vanonder eens return false;

Klik om te vergroten...

Nog steeds hetzelfde. Werkt in alles, behalve FF.

b

bealzebub

Legacy Member

• 9 mei 2013

• #7

Werkt perfect op laatste Firefox. Je gebruikt jQuery 1.9 en daar is de Firefox compatibiliteit huidige versie - 1. Het zal nog wel wat verder teruggaan dan versie 19 van Firefox (huidige versie is FF 20), maar officieel is dat dus de minimale versie. Als je met Firefox 3.6 (en waarschijnlijk zelfs nog Firefox 4 of 5) werkt, dan moet je een oudere versie van jQuery gebruiken.

http://jquery.com/browser-support/

W

W0utR

Legacy Member

• 10 mei 2013

• #8

Dastardly zei:

Haal die event.preventDefault(); er is even tussenuit en zet vanonder eens return false;

Klik om te vergroten...

return false; is gewoon hetzelfde als event.preventDefault() en event.stopPropagation() manueel te callen, dit zou geen probleem mogen zijn.


Ik zou wel je javascript eens herschrijven, je hebt daar verschillende event handlers die in feite allemaal hetzelfde doen.

m

meuh

Legacy Member

• 10 mei 2013

• #9

Dus een oplossing zou zijn dat ik een oudere versie van jQuery inlaadt ?

W

W0utR

Legacy Member

• 10 mei 2013

• #10

In welke versie van FF heb je dat problem, in de laatste versie (20), heb ik geen problemen.

m

meuh

Legacy Member

• 10 mei 2013

• #11

Ik heb versie 20 (op Mac).

b

bealzebub

Legacy Member

• 10 mei 2013

• #12

meuh zei:

Ik heb versie 20 (op Mac).

Klik om te vergroten...

Same here en werkt perfect. T is dus iets aan jouwe kant (extension of add-on wrsch).

m

meuh

Legacy Member

• 14 mei 2013

• #13

Lijkt inderdaad gewoon een probleem te zijn specifiek met mijn Firefox.
Heb het nog op andere pc's getest (ook in FF20) en daar werkt alles deftig.

Bedankt voor jullie hulp !

-

-BVR-

Legacy Member

• 14 mei 2013

• #14

Tip!

Meerdere classes tegelijk verwijderen:

Code:

$('.header .content ul li').removeClass('current current-arrow');