Avatar billede jens426 Nybegynder
25. september 2010 - 21:07 Der er 3 kommentarer og
1 løsning

Jquery problem

har følgende kode, virker fin

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

$(document).ready(function(){
  $(".menuklik").click(function() {

$(this).find(".under").slideDown('fast').show(); //menu ned

$(this).hover(function() {
        }, function(){   
            $(this).find(".under").slideUp('slow'); //mus ikke over menu, menu op.
        });
});
});
</script>
<style type="text/css">
#menu a:link {background-color: #F2C545; }
#menu a:hover {background-color: grey; }
.under {
display:none;
}
</style>
</head>
<body>
<a class="menuklik">menu1</br>
<div class="under">
   
</div>
<div class="under">
    hej med dig
</div>
<div class="under">
    hej med dig
</div>
</a>
</body>
</html>

prototype til et menu system.

men hvis jeg putter et link ind i div class så holder det op med at virker.

eks.

<div class="under">
<a href="http://www.html.dk">Her er et link til html.dk</a>   
</div>

nogle ideer hvad der går galt
Avatar billede Slettet bruger
25. september 2010 - 21:20 #1
I det eksempel du giver er linket ikke af klassen menuklik, og bliver derfor ikke påvirket af jQuery. Desuden ligger den under en div af klassen "under", som er skjult med CSS, og derfor ikke kan ses.
Avatar billede jens426 Nybegynder
25. september 2010 - 21:33 #2
div elemter er heller ikke del af klassen menuklik og ved dem virker det, problemmet opstår når jeg bytter div elemeter ud med a elemter
Avatar billede jens426 Nybegynder
25. september 2010 - 21:42 #3
fandt selv svaret

ændre
$(this).find(".under").slideDown('fast').show(); //menu ned
til
$(document).find(".under").slideDown('fast').show();

nogen der vil have point skriv et svar
Avatar billede Slettet bruger
25. september 2010 - 21:53 #4
$(document).find(".under").slideDown('fast').show();
$('.under').show().slideDown('fast');
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