Geçiş ben basit koduna sahip

Question

woking değil gizleme, benim kod

$('div, button').click(function(){ 
 
    $('.div').toggle('hide'); 
 
})

div{ 
 
    height: 200px; 
 
    width: 200px; 
 
} 
 
.container{ 
 
    background: pink 
 
} 
 
.div{ 
 
    background: blue 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <button>Click</button> 
 
</div> 
 
<div class="div"></div>

onun eseridir bir div gizlemek istediğiniz container div 'e tıkladığımda ancak butona tıkladığımda çalışmadığı zaman iyi olur, porselenin iki kere ateş açmanız olduğunu biliyorum. ama

Answer 1

Sen DOM kabardığını tıklama olayını önlemek ve .stopPropagation() ile ebeveyn tıklama olayını tetikleyerek buna engel olduğunu nasıl düzeltileceği: Aşağıdaki

$('div, button').click(function(e){ 
 
    e.stopPropagation(); 
 
    $('.div').toggle('hide'); 
 
})

div{ 
 
    height: 200px; 
 
    width: 200px; 
 
} 
 
.container{ 
 
    background: pink 
 
} 
 
.div{ 
 
    background: blue 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <button>Click</button> 
 
</div> 
 
<div class="div"></div>

Answer 2

kullanımını Sorun için JQuery.

$('.container, button').click(function(){ 
     $('.div').toggle(500); 
     return false; 
    }) 

Answer 3

bu

$('div, button').click(function(){ 
    $('.div').toggle('hide'); 
    console.log("hello"); 
    return false; 
})