Avatar billede webbe Nybegynder
24. oktober 2014 - 12:27 Der er 3 kommentarer og
1 løsning

Problem med jQuery script

Hej eksperter

Jeg sidder og leger lidt med noget jQuery.
Jeg har nogle billedlinks som menu der, når man klikke på billedet, skal ændre indholdet i hovedområdet af mit website.

Indholdet ændres sådan set også, men kun i et splitsekund, så forsvinder det igen.

Jeg har følgende kode, hvor jQuery delen er taget direkte fra w3Schools.

<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>.::eyesee.dk | Michael Linnebjerg::.</title>
<link href="includes/style.css" rel="stylesheet" type="text/css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("a").click(function(){
    $("#content").load("includes/test.html");
  });
});
</script>
</head>

<body>

<div class="row">
    <div class="center_container">
        <header>
            title
        </header>
    </div>
</div>

<div class="row">
    <div class="center_container">
        <main>
            <div id="content">
               
            </div>
        </main>
    </div>
</div>

<div class="row">
    <div class="center_container">
        <footer>
            <nav>
                <a href="" id="home"><img src="img/home.png" class="nav_img" alt="Home" title="Home"></a>
                <a href=""><img src="img/cv.png" class="nav_img" alt="CV/profil" title="CV/profil"></a>
                <a href=""><img src="img/facebook.png" class="nav_img" alt="Facebook" title="Facebook"></a>
                <a href=""><img src="img/contact.png" class="nav_img" alt="Kontakt" title="Kontakt"></a>
            </nav>
        </footer>
    </div>
</div>

Det er tanken at det der skal vises skal komme fra database, så hvis der kan komme en løsning hvor der parses en værdi videre i querystringen vil det være perfekt.

</body>
</html>
Avatar billede vandrefuglen Juniormester
24. oktober 2014 - 14:33 #1
Den var lidt tricky at løse men:

tilføj # i href'en så siden ikke refresher

Se nedenstående ;_)

<a href="#" id="home"><img src="img/home.png" class="nav_img" alt="Home" title="Home"></a>
                <a href="#"><img src="img/cv.png" class="nav_img" alt="CV/profil" title="CV/profil"></a>
                <a href="#"><img src="img/facebook.png" class="nav_img" alt="Facebook" title="Facebook"></a>
                <a href="#"><img src="img/contact.png" class="nav_img" alt="Kontakt" title="Kontakt"></a>
Avatar billede webbe Nybegynder
24. oktober 2014 - 21:39 #2
Super - det fik det til at virke.

Smider du et svar, så tildeler jeg point.
Avatar billede vandrefuglen Juniormester
24. oktober 2014 - 22:37 #3
Samler ikke point - så ta' dem endelig selv :)
Avatar billede webbe Nybegynder
24. oktober 2014 - 23:04 #4
Ok - jamen så endnu engang tak
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