Avatar billede LarsLj Novice
16. maj 2014 - 12:39 Der er 7 kommentarer og
1 løsning

Tving en side op i toppen efter et Ajax-load med Jquery

Hej

Jeg vil tvinge min html side op i toppen efter et ajax-load i Jquery af menulinjen. Den første del af koden virker upåklageligt!

Min kode er

$(function () {
    $(document).on("click", "#forside", function () {
       
        $('#main_frontpage').load('files/forside_main.html');


        //tving siden op i toppen
        $('body').scrollTop(0);
    });
});

På forhånd tak for hjælpen
//Lars
Avatar billede keysersoze Guru
16. maj 2014 - 16:16 #1
$('html').scrollTop(0);
Avatar billede keysersoze Guru
16. maj 2014 - 16:19 #2
Bare vær opmærksom på at load kører async så reelt vil du med stor sandsynlighed scrolle til top før load er færdig med køre - vil du undgå det skal du sætte scrolltop ind i complete callback function på load.
Avatar billede LarsLj Novice
16. maj 2014 - 20:13 #3
Hej Keysersoze

Tak for svaret!

Det lyder fornuftigt, men hvad en complete callback funktion på load? Er det at bruge .on eller på anden måde lave det til en event listner?

Isoleret set virker det ikke, men det er helt sikkert fordi Ajax på en eller anden måde spænder ben for det!

//Lars
Avatar billede keysersoze Guru
16. maj 2014 - 23:56 #4
http://api.jquery.com/load/

Hvis noget ikke virker rammer du enten et forkert element eller du får en fejl - du kan både teste og se fejl i din browsers developer toolbar; http://www.web-dev.dk/post/2012/06/17/Bliv-en-hurtigere-webudvikler-med-browservc3a6rktc3b8jer.aspx
Avatar billede LarsLj Novice
21. maj 2014 - 16:38 #5
Hej Keysersoze

Løsningen var, at jeg skulle bremse reload. Der skal bruges (event) under function og jeg skal have event.prevent.Default(); med. Men tak for din hjælp :-)

    $(document).on("click", "#produktinformation", function (event) {
    //... min kode

        event.preventDefault();
    });
Avatar billede keysersoze Guru
21. maj 2014 - 17:14 #6
Det ville absolut ingen kunne gætte ud fra din første beskrivelse - men i det mindste endte du med at løse problemet gennem det jeg skrev.
Avatar billede LarsLj Novice
21. maj 2014 - 21:35 #7
Jeps, det var også kun fordi, at jeg var heldig og få en klog person til at kikke på koden. Jeg havde heller ikke selv gættet det!
Avatar billede keysersoze Guru
22. maj 2014 - 10:00 #8
sååh - måske skal vi have lukket spørgsmålet?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



IT-JOB