Beste SD'ers
Als ik over 'volg ons op facebook' hover, dan moet er voorlopig nog een boodschap komen met 'geen facebook'.
In Chrome krijg ik dit te zien, maar in FF en IE9 niet. Weet iemand een oplossing hiervoor?
Code:$('.fb').mouseenter(function(e) { $('.social_media').children('span').fadeIn(200) }).mouseleave(function(e) { $('.social_media').children('span').fadeOut(200) });
-
14-04-2012, 01:33 #1
Particulier
- Berichten
- 131
- Lid sinds
- 13 Jaar
jQuery vraag
-
In de schijnwerper
-
14-04-2012, 06:35 #2
Particulier
- Berichten
- 483
- Lid sinds
- 15 Jaar
Re: jQuery vraag
Probeer is ipv children find te gebruiken..
Origineel gepost door Gregory Courtens
Dus zo: $('.social_media').find('span').fadeIn(200);
-
14-04-2012, 07:31 #3
Hyn
- Berichten
- 980
- Lid sinds
- 17 Jaar
Re: jQuery vraag
Hover functie is net iets makkelijker? Heeft twee parameters, .hover( functieOver, functieOut )
jQuery('.fb').hover( function() {
jQuery(".social_media").find("span").fadeIn(200);
} , function() {
jQuery(".social_media").find("span").fadeOut(200);
});
-
14-04-2012, 10:19 #4
Particulier
- Berichten
- 131
- Lid sinds
- 13 Jaar
Re: jQuery vraag
Bedankt voor de reactie, maar helaas toont hij dit ook enkel maar in Chrome en niet in FF en IE9.
EDIT: In safari toont hij het ook
-
14-04-2012, 10:20 #5
Hyn
- Berichten
- 980
- Lid sinds
- 17 Jaar
Re: jQuery vraag
Zonder de HTML of een voorbeeld URL kunnen we alleen gokken..
-
14-04-2012, 10:25 #6
Particulier
- Berichten
- 131
- Lid sinds
- 13 Jaar
Re: jQuery vraag
De html code is dit :
Code:<div class="social_media"> <div class="fb" onmouseover="mouseOver(this)"> <img src="Images/fb.png" title="Volg ons op facebook!" alt="facebook"/> <p>Volg ons op facebook</p> </div> <span class="error" id="errFb">geen facebook</span> <div class="twitter" onmouseover="mouseOver(this)"> <img src="Images/twitter.png" title="Volgs ons op twitter!" alt="twitter" /> <p>Volg ons op twitter</p> </div> </div><!-- end .social_media -->
-
14-04-2012, 15:08 #7
Particulier
- Berichten
- 36
- Lid sinds
- 13 Jaar
Re: jQuery vraag
Hallo,
Staat de functie tussen de <head> tags?
M.v.g. Wouter
-
14-04-2012, 15:55 #8
Particulier
- Berichten
- 131
- Lid sinds
- 13 Jaar
Re: jQuery vraag
Beste Origineel gepost door Wouter Polmam
Ja het staat inderdaad tussen de <head> tags. Ik zou niet weten waarom hij het overal behalve in FF en IE9 toont.
-
14-04-2012, 16:40 #9
Particulier
- Berichten
- 877
- Lid sinds
- 15 Jaar
Re: jQuery vraag
jQuery('.fb').hover( function() {
$(.error).fadeIn(200);
} , function() {
$(.error).fadeOut(200);
});
-
14-04-2012, 16:51 #10
Particulier
- Berichten
- 131
- Lid sinds
- 13 Jaar
Re: jQuery vraag
Werkt ook niet in FF en IE9. Origineel gepost door Tom giesbergen
Ik heb nu wel iets ontdekt. Hij toont het wel degelijk in FF en IE9, maar het staat volledig uit beeld, als ik hover dan staan hij 900px naar rechts waardoor ik dus een scrollbar krijg.
Dit is me css
Code:.error{ width:82px; height:21px; background-image:url(Images/error.png); padding-left:8px; padding-top:1px; margin-left:750px; margin-top:-17px; color:#D8D8D8; display:none; background-repeat:no-repeat; }
-
14-04-2012, 16:53 #11
Particulier
- Berichten
- 877
- Lid sinds
- 15 Jaar
Re: jQuery vraag
Je error krijgt een margin-left van 750px t.o.v. <div class="fb" onmouseover="mouseOver(this)"> Zet die margin eens op 10px + margin:left;
-
14-04-2012, 17:01 #12
Particulier
- Berichten
- 131
- Lid sinds
- 13 Jaar
Re: jQuery vraag
Als ik het op 10px zet, dan staat het in FF en IE9 ongeveer goed, maar in Chrome staat het helemaal links boven de crumble Origineel gepost door Tom giesbergen
-
14-04-2012, 17:06 #13
Particulier
- Berichten
- 877
- Lid sinds
- 15 Jaar
Re: jQuery vraag
heeft : <div class="fb" onmouseover="mouseOver(this)"> ook een float:left; ?
-
14-04-2012, 17:09 #14
Particulier
- Berichten
- 131
- Lid sinds
- 13 Jaar
Re: jQuery vraag
Nee, maar die icons wel en de tekst ernaast . Origineel gepost door Tom giesbergen
