Έχω ένα κουτάκι που θέλω να εκτελέσει κάποια ενέργεια Ajax στο συμβάν κλικ, ωστόσο το πλαίσιο ελέγχου είναι επίσης μέσα σε ένα δοχείο με τη δική του συμπεριφορά κλικ που δεν θέλω να τρέχει όταν το πλαίσιο ελέγχου είναι κλικ. Αυτό το δείγμα δείχνει ό, τι θέλω να κάνω:
<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>
Ωστόσο, δεν μπορώ να καταλάβω πώς να σταματήσει την εκδήλωση βράζει χωρίς να προκαλεί την προεπιλεγμένη συμπεριφορά κλικ (κουτάκι να γίνει έλεγχος / επιλεγμένο) να μην τρέξει.
Και τα δύο από τα ακόλουθα σταματήσει η εκδήλωση ανάδευση αλλά δεν αλλάζουν την κατάσταση κουτάκι:
event.preventDefault();
return false;
