Question

我无法让以下工作：

$('#elem').trigger('click');

当我运行它时，它不会触发点击，但它也不会在控制台中显示任何错误日志。

我也试过以下但没有运气：

$('#elem')[0].click();

关于可能出现什么问题或解决方案的任何想法？

更新：Jquery正在工作，当我检查元素时，#elem确实出现（它是一个按钮的id）

HTML：

<a:button id="elem">My Button</Button>

JQuery：

P.when('A', 'jQuery').execute(function (A, $) {
    //when this function is called, it should trigger a button click
    triggerButtonClick = function() {
        $('#elem').trigger('click'); 
    };
});

Answer 1

在document.ready函数中试用，然后在文档准备就绪时加载所有dom。你可以根据你的要求做这样的事情。

＆＃13;

$( document ).ready(function() {
    $('#radio').click(function(){
      $('#elem')[0].click();
  })	  
});

＆＃13;

Answer 2

我已经尝试过这段代码并且可以正常使用

<!DOCTYPE html>
 <html>
 <head>
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">     </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("chk1").click(function(){
    $('#usr').trigger('click');
  });
});
</script>
</head>
<body>
<form action="sample.php">
<button id="chk1">click</button>
<input class="form-control" type="submit" id="usr">
</form>
</body>
</html>

Answer 3

<!DOCTYPE html>
<html>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>


<script>
    $(document).ready(function () {



        $('#elem').click(function () {
            alert('clicked');
            $(this).css('color', 'red');
        });

        $('#elem').trigger('click');

    });


</script>



<body>
 <div id="elem" >test</div>
 </body>
</html>

Answer 4

此代码对我有用：

$(window).load(function() {
    $('#menu_toggle').trigger('click');   
});

JQuery触发单击事件不起作用

4 个答案: