如何在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