Nasıl olay onay kutusunu tıklatın köpüren durdurmak için

SORU

22 Temmuz 2009, ÇARŞAMBA

Nasıl olay onay kutusunu tıklatın köpüren durdurmak için

Ben bir onay kutusu istiyorum gerçekleştirmek için bazı Ajax eylem üzerine tıklayın olay, ancak onay kutusunu da içine bir kap ile kendi tıklama davranışını istemiyorum çalıştırmak için ne zaman onay kutusunu tıkladım. Bu örnek ne yapmak istediğimi gösterir:

<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>

Ancak, olay köpürme tıklatın varsayılan davranışı neden olmadan durdurmak için nasıl çözemiyorum (checkbox/denetlenmeyen teslim olma) çalıştırmak için değil.

Her ikisi de aşağıdaki olay köpüren durdurmak ama aynı zamanda checkbox durumu değiştirmez: