1. Dator och IT
  2. Systemutveckling
  3. Webbutveckling och javascript

Vad gör jag för fel? Jquery fadeIn/out

Svara
2014-02-16, 00:15
  #1
HerbsandInk
Medlem
Vill alltså att den absolut positionerade divven ska fada in/out när man hovrar dess parent.

http://jsfiddle.net/3Xefw/4/
Citera
2014-02-16, 00:28
  #2
cyphr
Medlem
Citat:
Ursprungligen postat av HerbsandInk
Vill alltså att den absolut positionerade divven ska fada in/out när man hovrar dess parent.

http://jsfiddle.net/3Xefw/4/
http://jsfiddle.net/3Xefw/5/
Citera
2014-02-16, 00:30
  #3
Mysfarbrorn-
Medlem
Mysfarbrorn-s avatar
Citat:
Ursprungligen postat av HerbsandInk
Vill alltså att den absolut positionerade divven ska fada in/out när man hovrar dess parent.

http://jsfiddle.net/3Xefw/4/

Byt ut din JS-kod till detta istället:

Kod:
$(document).ready(function(){
    $('.post-project').hover(function(){
        $('.post-inner').fadeOut('slow');
    });

    $('.post-project').mouseleave(function(){
        $('.post-inner').fadeIn('slow');
    });

}); 

Jag misstänker att du använder utdaterad syntax eller nåt
Citera
2014-02-16, 00:32
  #4
jonthe12
Medlem
jonthe12s avatar
Fixar man indenteringen lite så blir det lättare se att det är såhär det ska vara
http://jsfiddle.net/gemLU/

Tips: Kolla javascript-loggen nästa gång, den är till väldigt god hjälp.

Edit: too late
Citera
2014-02-16, 00:57
  #5
nedboy
Medlem
nedboys avatar
Citat:
Ursprungligen postat av jonthe12
Fixar man indenteringen lite så blir det lättare se att det är såhär det ska vara
http://jsfiddle.net/gemLU/

Tips: Kolla javascript-loggen nästa gång, den är till väldigt god hjälp.

Edit: too late

Det där tror jag inte funkar i IE va?
Citera
2014-02-16, 10:14
  #6
jonthe12
Medlem
jonthe12s avatar
Citat:
Ursprungligen postat av nedboy
Det där tror jag inte funkar i IE va?

Ingen aning? Vilken version syftar du på och varför skulle det inte göra det?
Citera
2014-02-17, 18:43
  #7
edm4life
Medlem
edm4lifes avatar
varför ar du 2 stycken jQuery(document).ready(); i varandra?

jag hade gjort så här:

1. testa felsöka alla selectors och se vad $("..")[0] returnerar
2. testa in/out callbacken för hover effekterna
__________________
Senast redigerad av edm4life 2014-02-17 kl. 18:48. Anledning: såg att det var fel
Citera
Svara

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Det är enkelt att registrera ett nytt konto

Bli medlem

Logga in

Har du redan ett konto? Logga in här

Logga in