Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Jquery

Skapad av bunny, 2013-05-24 22:31 i Webbutveckling & Programmering

2 229
15 inlägg
2 poäng
bunny
Visningsbild
P 29 Hjälte 1 272 inlägg
2013-05-24 22:31
0
I has dis function:

$(document).ready(function(){

$('#badPostBro').click(function(){
$(".slidingDiv").fadeOut(200);
);
});

Diven fadear ut och allt funkar som det ska, förutom att den blinkar till precis efter den fadeat ut. (den blinkar till sin originalform, sen försvinner)

Någon som vet vad detta kan bero på?

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Tvillingen
Visningsbild
P 31 Hjälte 3 117 inlägg
2013-05-24 23:08
1
Det verkar fungera bra för mig åtminstone om man bortser från att du glömt stänga funktionen vid click eventent på #badPostBro. Kan det ha att göra med din webbläsare? Jag kör senaste versionen av Chrome. Vilket som vore det nog bra om du visade upp din stylesheet för .slidingDiv.

Det här fungerade för mig.
http://jsfiddle.net/4X6tX/

Jag är ond!

Direktlänk Svara på inlägg Gästbok
Skicka
csols
Visningsbild
P 29 Hjälte 2 524 inlägg
2013-05-24 23:13
1
Svar till bunny [Gå till post]:
.fadeOut() animerar genomskinligheten på det valda elementet. När detta värde når 0 så sätter metoden display-egenskapen till none, så att elementet inte längre påverkar layouten på sidan.

Nu vet du hur metoden fungerar, vilket alltid är bra. Detta bör dock inte förklara varför den blinkar till såsom du beskriver. Jag lekte runt lite med en fiddle och kunde inte återskapa ditt problem. Är det samma problem oavsett vilken tiden du anger? Vilken version av jQuery kör du? (Varför har du så kort tid? Man hinner knappt se att den fade-ar, du kan lika gärna köra en display:none på direkten)

http://jsfiddle.net/59AHP/



Tillägg av csols 2013-05-24 23:15

Kör Firefox 21.0 utan problem.

Herp

Direktlänk Svara på inlägg Gästbok
Skicka
bunny
Visningsbild
P 29 Hjälte 1 272 inlägg
Trådskapare
2013-05-24 23:17
0
Svar till Tvillingen [Gå till post]:
jag har också senaste(tror jag) versionen av chrome.
Jag är väldigt ny när det gäller jQuery :D
vart skall den stängas?

här är cssen:

.slidingDiv {
word-wrap: break-word;
padding: 10px;
position: relative;
z-index: 14;
float: left;
width: 860px;
height: 110px;
margin-top: -5px;
margin-left: 10px;
background: black;
}

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Tvillingen
Visningsbild
P 31 Hjälte 3 117 inlägg
2013-05-24 23:25
0
Svar till bunny [Gå till post]:
Vet faktiskt inte vad som kan vara problemet, men det allra bästa vore om du kunde slänga upp all kod på pastebin eller något, så det går att titta på allt, om nu inte någon annan har koll på vad som orsakar det. För det fungerade även den här gången när jag ändrade till ditt stylesheet på det elementet.

http://jsfiddle.net/4X6tX/1/

Du har glömt att stänga här funktionen här.
Ett stycke javascript-kod:
$('#badPostBro').click(function(){
    $(".slidingDiv").fadeOut(200);
);


Eftersom du öppnar funktionen med { måste du även stänga den med }. Så att det blir }); på sista raden :)

Jag är ond!

Direktlänk Svara på inlägg Gästbok
Skicka
bunny
Visningsbild
P 29 Hjälte 1 272 inlägg
Trådskapare
2013-05-24 23:32
0
Svar till Tvillingen [Gå till post]:
$(document).ready(function(){

$(".slidingDiv").hide();
$(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});
});

Ser du något fel i denna koden? (den förra koden låg inuti denna diven)

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Tvillingen
Visningsbild
P 31 Hjälte 3 117 inlägg
2013-05-24 23:47
0

Svar till bunny [Gå till post]:
Vet inte om jag hänger med riktigt nu, vadå "den förra koden låg inuti denna diven"?, men kanske bara är jag som börjar bli trött :)

Annars ser jag inget fel med koden bortsett från att det känns onödigt att köra hide() och show() i början av skriptet, för då kan du lika gärna köra display: none; på .slidingDiv från första början så slipper du den raden med kod.

Jag är ond!

Direktlänk Svara på inlägg Gästbok
Skicka
bunny
Visningsbild
P 29 Hjälte 1 272 inlägg
Trådskapare
2013-05-25 00:02
0

Svar till Tvillingen [Gå till post]:
Jag vet inte ens vad jag ska göra... något brutalt bugg här :/


när jag trycker på denna
<input class="postButton" type="submit" value="Share" />
så åker diven den ligger i upp och försvinner.

Det finns ingen mer css till denna inputen, och det finns ingen jquery heller.

Forum image

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Tvillingen
Visningsbild
P 31 Hjälte 3 117 inlägg
2013-05-25 00:10
0

Svar till bunny [Gå till post]:
Skulle vara perfekt om du la upp all HTML, CSS och Javascript på pastebin, för nu har det blivit rörigt i mitt huvud hur du har pusslat ihop allt, för ena stunden står det #badPostBro och i andra .postButton.

http://pastebin.com/

Blir lättare att hjälpa när allt finns framme, så kan jag testa det på min dator och se om jag kan komma till någon hjälp :)

Jag är ond!

Direktlänk Svara på inlägg Gästbok
Skicka
bunny
Visningsbild
P 29 Hjälte 1 272 inlägg
Trådskapare
2013-05-25 00:18
0

Svar till Tvillingen [Gå till post]:
Jag får inte ens hälften av koden på pastebin.com

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
bunny
Visningsbild
P 29 Hjälte 1 272 inlägg
Trådskapare
2013-05-25 00:24
0

Svar till Tvillingen [Gå till post]:
jag ger upp, tack för hjälpen :)

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Tvillingen
Visningsbild
P 31 Hjälte 3 117 inlägg
2013-05-25 00:24
0
Svar till bunny [Gå till post]:
Okej lär vara bra mycket kod isåfall!
Ta med de delar i HTML-koden som är relevanta, så att allt som påverkas av ditt javascript är med, samt att du postar allt du gör med jQuery och de stylesheetet för dessa element. Det borde inte bli allt för mycket. För jag hänger inte med när det det verkar som du bytt klasser och id på elementen allt eftersom du har förklarat.



Tillägg av Tvillingen 2013-05-25 00:25

Okej men då får du fortsätta jäklas då :)

Jag är ond!

Direktlänk Svara på inlägg Gästbok
Skicka
bunny
Visningsbild
P 29 Hjälte 1 272 inlägg
Trådskapare
2013-05-25 00:38
0

Svar till Tvillingen [Gå till post]:
Nu fick jag nog med all kod!

http://pastebin.com/XEJPA236

Tog med allt som hade med div-arna att göra

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Tvillingen
Visningsbild
P 31 Hjälte 3 117 inlägg
2013-05-25 00:57
0

Svar till bunny [Gå till post]:
Tror jag vet vad felet är nu, för när man klickar på .postButton kommer formuläret att skickas och det blir en ny sidladdning, så då kommer man till postNewFeed.php igen. Du borde köra med en AJAX lösning istället, för då låter du låter du javascriptet skicka datan till servern utan att hela sidan behöver laddas om.

http://api.jquery.com/jQuery.post/

Ett till tips är att lägga till event.preventDefault() på klick-eventet på .showHide, för annars tolkar webbläsaren det som en länk och kommer att lägga till #! i adressfältet i ditt fall.

Ett stycke javascript-kod:
$(".show_hide").click(function(event){
 event.preventDefault()
 $(".slidingDiv").slideToggle();
});


http://api.jquery.com/event.preventDefault/

Nu börjar jag bli för trött och ska sova. Vet inte om det här löste ditt problem, men vilket som kanske du lärt någonting åtminstone (:

Jag är ond!

Direktlänk Svara på inlägg Gästbok
Skicka
bunny
Visningsbild
P 29 Hjälte 1 272 inlägg
Trådskapare
2013-05-25 01:05
0

Svar till Tvillingen [Gå till post]:
tack för hjälpen! Ser nu att sidan refreshan som du sa, det måste vara problemet. Tack tack! ;)

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka

Forum » Datorer & IT » Webbutveckling & Programmering » Jquery

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Rubrik

Inlägg

Fet Kursiv Spoiler Bild Film Kod Undersökning

Förhandsgranska Spara

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons