jQuery spørgsmål - .click function affyrer dobbelt for hvert klik
HejJeg sidder her med et lidt tricky jQuery som bare driller...
jeg har en række td'er med billeder i en menu.php som således:
<td class="slides"><a class="hyg" id="fil1,slides,slides,musik" href="#">fil1</a></td>
<td class="slides"><a class="hyg" id="fil2,slides,slides,musik" href="#">fil2</a></td>
<td class="slides"><a class="hyg" id="fil3,slides,slides,musik" href="#">fil3</a></td>
osv..
osv..
og et jquery script som således:
$(function() {
$(".hyg").click(function (){
var l = $(this).attr('id');
var la = l.split(",");
url = la[2]+'.php?'+la[3]+','+encodeURI(la[0]);
$('#'+la[1]).load(url).hide().fadeIn(500);
});
});
Problemet er, at for hver gang jeg klikker et af linksne, kan jeg se i min aktivitetslog a slides.php loades dobbelt antal gange.
- Dvs. for klik på fil1 loades slides.php een gang
og for næste klik på f.eks. fil2 loades slides.php 2 gange
og for næste klik på f.eks. fil3 loades slides.php nu hele 4 gange!
- og sådan fortsætter det til listen bare bliver kæmpe..det kan da ikke være meningen (crasher browseren til sidst..!)?
Er der nogen der ved hvorfor - og hvordan jeg kan tømmer eet eller andet så den ikke vokser sådan ind i vejret og kun trigger een gang?
På forhånd tak
Andreas