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:

event.preventDefault();
return false;

CEVAP
22 Temmuz 2009, ÇARŞAMBA

değiştirin

event.preventDefault();
return false;

ile

event.stopPropagation();

olay.() stopPropagation

Bir olay köpürme durur ana unsurları, herhangi bir üst önlenmesi haberdar olmaktan işleyicileri olay.

olay.() preventDefault

Yürütme tarayıcı engeller varsayılan eylem. Yöntemi kullanın bilmeniz isDefaultPrevented bu yöntem hiç (bu konuda çağrıldı nesne olay).

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
Dil Eklentisi Onay KutusuJavascriptJavascript OlaylarıJquery

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Canal TekZoom

    Canal TekZoo

    1 NİSAN 2012
  • FrankJavCee

    FrankJavCee

    29 Kasım 2008
  • Strata1000

    Strata1000

    28 EYLÜL 2009

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR