I have the following HTML:
<div class="server" id="32"> <a>Server Name</a> <div class="delete-server">X</div> </div>
I am trying to make it so when users click the server
div it brings up an edit dialog. The problem is simply doing:
$(".server").click(function () { //Show edit dialog });
Does not work, because if they click the X which is delete, it brings up the edit dialog. How can make the entire div server
have the click event except the delete-server
div.
$(".server").on('click', ':not(.delete-server)', function (e) { e.stopPropagation() // Show edit dialog });
Here's the fiddle: http://jsfiddle.net/9bzmz/3/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With