Jquery触发器.click()按钮有时不工作

Jquery trigger.click() on buttons not working sometimes

本文关键字：工作 按钮 触发器 click Jquery      更新时间：2023-09-26

这个要求在我的页面上很简单，当我点击一个按钮时，我想自动点击一个隐藏的按钮。

这是我使用的:

(function($) {
    $(document).on('click', '#button1', function() {
        //code to display some divs and hide some divs
        $('#button2').trigger('click');
    });
})

它有时工作，有时按钮不点击。我不确定这有什么问题。如有任何帮助，不胜感激。

查看这些代码行。它的工作原理。我看到当你使用IIFE你不传递jQuery对象。或者尝试与您的代码行进行比较。

(function($) {
  
  $('#button1').on('click', function(){
    console.log('button1');
  });
  
  $('#button2').on('click', function(){
    console.log('button2');
  })
  
$(document).on('click', '#button1', function() {
//code to display some divs and hide some divs
$('#button2').trigger('click');
});
})(jQuery);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='button1'>A</button>
<button id='button2'>B</button>

你也可以这样做

(function($) {
  
  $('#button1').on('click', function(){
    console.log('button1 and button clicked ');
  });
  
  $('#button2').on('click', function(){
    console.log('button2 clicked');
  })
  
$(document).on('click', '#button1', function() {
//code to display some divs and hide some divs
$('#button2').click();
});
})(jQuery);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='button1'>clickme btn1</button>
<button id='button2'>clickme btn1</button>

你也可以试试这个:

 $(function() {
     $('#button1').on('click', function(){
       console.log('button1 clicked ');
     });
     $('#button2').on('click', function(){
       console.log('button2 clicked');
     });
     $('#button1').click(function(){
       $('#button2').click();
     });
  });

  <body>
    <button id='button1'>button1</button>
    <button id='button2'>button2</button>
  </body>
相关文章：