JQuery Tıkladığımda hata yaşıyorum Yakalanmamış RangeError: Maksimum çağrı yığını boyutu aşıldı

Question

JQuery'i bir öğeye tıklarken başka bir öğeye tıkladım ama hata alıyorum: Uncaught RangeError: Maksimum çağrı yığını boyutu aşıldı. Ne yapabilirim? İşte kodum:

<div class="outer-details"> 
<div class="details" > 
    <button class="btn" type="button" id="dropdownMenu1" >  
</button> 

</div> 

Ve bu benim jQuery geçerli:

<script> 
$('.outer-details').on({ 
    click: function (e) { 
     var $this = $(this); 
     e.stopPropagation(); 
     $this.find('#dropdownMenu1').trigger("click"); 

    } 
}); 

ama konsol hata alıyorum: RangeError: Maksimum çağrı yığını boyutu aşıldı. Ne yapmalı? Teşekkür

Answer 1

Sen iç elemanın tıklamada stop the immediate propagation gerekir:

dropdownmenu tıklama tetiklenir

$('#dropdownMenu1').click(function(e){ 
    e.stopImmediatePropagation(); 
    //rest of your code 
}); 

Answer 2

, bu yinelemeli oluyor tutar.

dropdownmenu numaralı telefonu tetiklemeniz gerekiyorsa, bu tıklama yalnızca başka bir yerde gerçekleştiğinde tıklatmanız gerekir.

$('.outer-details').on({ 
 
    click: function(e) { 
 
    var $this = $(this), 
 
     $target = $(e.target); 
 
    snippet.log('clicked: ' + e.target) 
 
    if ($target.is('.dropdownMenu1')) { 
 
     //do something when button is clicked 
 
     snippet.log('inside button'); 
 
    } else { 
 
     $this.find('.dropdownMenu1').trigger("click"); 
 
     snippet.log('outside button'); 
 
    } 
 
    } 
 
});

.outer-details .details { 
 
    min-height: 50px; 
 
    background-color: grey; 
 
}

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --> 
 
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="outer-details"> 
 
    <div class="details"> 
 
    <button class="btn dropdownMenu1" type="button">menu</button> 
 
    </div> 
 
</div>