Till Startsidan

Skaffa webbhotell?
Läs JavaScript.nu's jämförelse av webbhotell.
Med priser från
9 kr / månad.

Genom ett samarbete får alla JavaScript.nu-
besökare dessutom 100 kr i rabatt vid beställning.


Re: Fade med Jquery

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]


Forum / Fade med Jquery
 Om du bara gör det i fade-in och inte fade-out kommer naturligtvis .mittdel12 fadas in och .mittdel1 fadas out, inte ut-och-sedan-in som du vill.

Om du menade att du ändrar båda skulle jag gärna vilja se komplett proof of concept-kod för vad du menar, din beskrivning är inte helt lättförstålig.

En sak som dock skulle kunna vara ett problem är att du registrerar två onclick-handlers, och jag är inte helt säker på att dessa garanteras att köra i en bestämd ordning. Du kan prova att lägga dem som
$('.expand').click(function() {
$('.mittdel1').fadeOut('slow').fadeIn('slow');
});
istället.

 
Ett problem!!

$('.expand').click(function() {


$('.mittdel1').fadeOut('slow', function() {
// Animation complete.
});


});

$('.expand').click(function() {

$('.mittdel1').fadeIn('slow', function() {
// Animation complete.
});


});

Detta kodstycke fungerar perfekt! mittdel1 fadar out och sedan in igen så att den ser lika dan ut efter funktionerna är körda.

I min css har jag en class som heter mittdel12 som är EXAKT samma som mittdel1. Problemet är att om jag i FadeIN ändrar classen till mittdel12 istället för 1, så stannar koden efter utfadningen och fejdar inte in alls.

Lösning tack?!


Postat av Simon (213.89.66.60) den 19 Maj, 2010 kl 23:38:18.
Som svar på: Fade med Jquery postat av Erik E den 19 Maj, 2010 kl 10:22:01.


Svar på inlägget:


Posta ett svar:

Namn:
E-Mail:
Rubrik:
Meddelande:
Ja tack, maila mig om andra svarar på detta inlägg.
Ja tack, maila mig om andra svarar på mitt inlägg.


[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]






Copyright © Omid Rouhani 1997-2022; Alla rättigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]