Как я могу вызвать функцию щелчка на другую функцию щелчка в jQuery

Question

У меня есть кнопка 2. Когда я нажимаю кнопку 1, кнопка 2 отключается, и когда кнопка 1 закрыта, кнопка 2 включается. Я использую триггер («щелчок»), затем возникает ошибка «Максимальный размер стека вызовов». Как я могу решить эту проблему.

$("#btn1").click(function(){ 
     $('#box1').css('display','block'); 
     $('#box1').addClass('tint'); 
     $("#btn2").off('click'); 
    }); 
$("#btn2").click(function(){ 
     alert("Button 2 was clicked"); 
    }); 
$('#boxclose1').click(function(){ 
     $('#box1').hide(); 
     $("#btn2").on("click", function(){ 
      $('#btn2').trigger("click"); error here 
     }); 
    }); 

Answer 1

Это прекрасно работает

Вы можете использовать

.prop("disabled",true); отключить и

.prop("disabled",false); для включения кнопки

$("#btn1").click(function(){ 
 
     $('#box1').css('display','block'); 
 
     $('#box1').addClass('tint'); 
 
     $("#btn2").prop('disabled', true); 
 
    }); 
 
$("#btn2").click(function(){ 
 
     alert("Button 2 was clicked"); 
 
    }); 
 
$('#boxclose1').click(function(){ 
 
     $('#box1').hide(); 
 
     $('#btn2').prop('disabled', false); 
 
    });

#box1 { 
 
    display:none; 
 
} 
 
.tint { 
 
    color: #ff0000; 
 
}

<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
 
<div id="box1">Box 1</div> 
 
<button id="btn1">Button 1</button> 
 
<button id="btn2">Button 2</button> 
 
<button id="boxclose1">Box Close</button>

Answer 2

$("#btn2").on("click", function(){ 
     $('#btn2').trigger("click"); error here 
    }); 

Это своего рода рекурсивный вызов функции привязки щелкните событие на элемент # btn2