Am o casetă de selectare pe care vreau să efectueze o acțiune Ajax cu privire la eveniment clic, cu toate acestea, caseta este, de asemenea, în interiorul unui recipient cu propriul comportament clic pe care nu vreau să ruleze atunci când caseta se face clic. Această probă ilustrează ceea ce vreau să fac:
<html lang=en>
<head>
<title>Test</title>
<script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js></script>
<script type=text/javascript>
$(document).ready(function() {
$('#container').addClass('hidden');
$('#header').click(function() {
if($('#container').hasClass('hidden')) {
$('#container').removeClass('hidden');
} else {
$('#container').addClass('hidden');
}
});
$('#header input[type=checkbox]').click(function(event) {
// Do something
});
});
</script>
<style type=text/css>
#container.hidden #body {
display:none;
}
</style>
</head>
<body>
<div id=container>
<div id=header>
<h1>Title</h1>
<input type=checkbox name=test />
</div>
<div id=body>
<p>Some content</p>
</div>
</div>
</body>
</html>
Cu toate acestea, eu nu pot da seama cum să oprească evenimentul barbotarea fără a provoca comportamentul implicit clic (caseta de selectare a deveni verificate / debifată) nu pentru a rula.
Ambele următoarele opri evenimentul barbotare, dar, de asemenea, nu se schimba starea caseta de selectare:
event.preventDefault();
return false;
