jquery: ignore mouse events on child elements
Ik zit met volgende structuur:
Code (php)
1
2
3
4
5
2
3
4
5
<div id="ouder">
<div id="kind">
<p><a href="link">Link</a></p>
</div>
</div>
<div id="kind">
<p><a href="link">Link</a></p>
</div>
</div>
Momenteel is mijn ouder element draggable() en moet deze bij verplaatsing automatisch een update doen in mijn database. Deze automatische update gebeurd bij een mouseup() event doormiddel van ajax(). Dit werkt Prima! Alleen, nu kan ik in IE niet meer klikken op de link in het kind element, omdat hij steeds bij mouseup() een ajax update doet.
Bestaat er een mogelijkheid om bij het event op het kind element te negeren?
Dingen die ik al geprobeerd heb. Kan wel zijn dat ik ze fout gebruik. Hieronder voorbeeldjes van hoe ik ze gebruikt heb.
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<!-- Werken met not selector -->
$("#ouder :not(#kind)").mouseup(function(){});
<!-- Werken met stopPropagation ->>
$("#ouder").mouseup(function(event){
event.stopPropagation();
});
$("#ouder :not(#kind)").mouseup(function(){});
<!-- Werken met stopPropagation ->>
$("#ouder").mouseup(function(event){
event.stopPropagation();
});
Gewijzigd op 20/10/2010 12:18:33 door Moe BE
Wat jij wilt gaan nou eenmaal niet werken..
wat je eventueel als een oplossing kan gebruiken is zoiets:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<div id="bigDaddy">
<div id="ouder"> </div>
<div id="kind">
<p><a href="link">Link</a></p>
</div>
</div>
<div id="ouder"> </div>
<div id="kind">
<p><a href="link">Link</a></p>
</div>
</div>
Mogen we misschien iets meer van je code zien?
voorbeeld code + uitleg was meer dan genoeg om mijn probleem te omschrijven.