jquery: toggle slutar fungera efter navigering till ny sida, måste göra F5
Ifall man klickar sig vidare på hemsidan, laddas den nya sidan om dynamiskt isåfall? Alltså med hjälp av javascript.
Då är problemet att din event listener endast skapas för det första elementet som har id:et #gdprtrigger när sidan laddas. Efter det är DOM:en redo och callbacken i ready-funktionen kommer inte köras när nästa sida hämtas automatiskt.
Det du kan göra är att använda funktionen .on() istället, för den event listenern kommer köras på även nyinlagda element.
Byt ut koden innanför din ready-callback till det nedanför. Möjligtvis att användandet av id skulle kunna förstöra för dig ifall du råkar få flera element med samma ID, men det vet jag inte eftersom jag inte har sett din HTML och hur elementet skapas. Isåfall får du byta ut det till en class både i kodexemplet nedanför och i din HTML.
$("#gdprtrigger").on("click", function(){
$("#gdpr").toggle();
});
Ifall man klickar sig vidare på hemsidan, laddas den nya sidan om dynamiskt isåfall? Alltså med hjälp av javascript.
Då är problemet att din event listener endast skapas för det första elementet som har id:et #gdprtrigger när sidan laddas. Efter det är DOM:en redo och callbacken i ready-funktionen kommer inte köras när nästa sida hämtas automatiskt.
Det du kan göra är att använda funktionen .on() istället, för den event listenern kommer köras på även nyinlagda element.
Byt ut koden innanför din ready-callback till det nedanför. Möjligtvis att användandet av id skulle kunna förstöra för dig ifall du råkar få flera element med samma ID, men det vet jag inte eftersom jag inte har sett din HTML och hur elementet skapas. Isåfall får du byta ut det till en class både i kodexemplet nedanför och i din HTML.
$("#gdprtrigger").on("click", function(){
$("#gdpr").toggle();
});
Så kan det nog vara, det är nåt "gör det enklare att koda wordpress tema"-verktyg (Semplice), vilket bara krånglar till det när man behöver göra nåt utanför ramarna.
Provade din kod men nu funkade inte klicket alls. Mitt fel, strulade till det i frågan, hade kodat med klasser. Men det löste inte problemet, se nästa post nedan.
jQuery(document).ready(function(){
$("#gdprtrigger").on("click", function(){
$("#gdpr").toggle();
});
});
Kanske för att #gdprtrigger är en vanlig <p> ? Måste det vara en <a> eller en <button>? Inga #-konflikter, enda gången på sidan.
Hittade en bloggpost nu när jag visste mer hur jag skulle söka. Detta funkade. Tack!
jQuery(document).ready(function(){
$("body").on("click", ".gdprtrigger", function(){
$(".gdpr").toggle();
});
});
- AI - Vad använder ni det till?6
- Formel 1-tråden9115
- Gaming-laptop (eller laptop) som klarar 240 hz på extern skärm1
- Internetberoende leder till förändringar i hjärnan42
- Microsoft släpper guide till nycklar i Windows6
- Helgsnack: Var det sämre förr?61
- Hjälp mig bygga en dator! :D0
- Låst filextraheras så att jag inte kan spara ändringar i den10
- Skärm för programmering6
- Dagens fynd — Diskussionstråden49909
- Säljes Custom Loop - i9-9900K / 32 GB / 2 TB / RTX 3080 / Win 11
- Säljes Kontorsrensning - Auktion - Multipla varor.
- Bytes LG 65” OLED *C1* bytes mot en 55”
- Säljes 32 GB (2x16) DDR5 6400mt/s cl32 Kingston Fury Renegade
- Säljes Overkill 19" brandväggsbygge - 2*10Gb, E3-1225 v5, 32GB DDR4
- Säljes Passiva vattenkylningsflänsar
- Köpes Lenovo Legion Go defekt reservdel
- Säljes XFX MERC 310 7900 XTX 24GB
- Säljes Nyköpt AM5 och 7800X3D-paket
- Säljes i7-4790K / GTX 980ti / 16 GB RAM / SSD 250 GB
- Microsoft släpper guide till nycklar i Windows6
- Krönika: Jag blir förvirrad av alla Steam Deck-kloner30
- Förvirring och ilska kring Adobes uppdaterade villkor19
- Helgsnack: Var det sämre förr?61
- Microsoft svarar på Recall-kritiken25
- Internetberoende leder till förändringar i hjärnan42
- Rykte: Sony ruvar på PC-version av The Last of Us Part II16
- SweClockers Noobbyggarguide - Del 6: Den grafiska finalen4
- Efterlängtad Noctua-kylare släpps i juni42
- Nvidia når 3 biljoner dollar på börsen – passerar Apple60