使用 jQuery 在页面加载时自动单击按钮元素答案

【问题标题】：Auto-click button element on page load using jQuery使用 jQuery 在页面加载时自动单击按钮元素
【发布时间】：2013-09-09 21:51:41
【问题描述】：

如果我想在页面加载时自动单击按钮元素，我将如何使用 jQuery 来解决这个问题？

按钮html是

<button class="md-trigger" id="modal" data-modal="modal"></button>

任何有关此主题的帮助将不胜感激！提前致谢！

【问题讨论】：

标签： jquery html button modal-dialog pageload

【解决方案1】：

您可以使用它并调整要启动的时间 1= onload 2000= 2 sec

$(document).ready(function(){
 $('#click').click(function(){
        alert('button clicked');
    });
  // set time out 2 sec
     setTimeout(function(){
        $('#click').trigger('click');
    }, 2000);
});

.container{
padding-top:50px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
<div class="col text-center">
<button id="click" class="btn btn-danger">Jquery Auto Click</button>
  </div>
   </div>

【讨论】：

【解决方案2】：

我在第一个 jQuery 中尝试了以下方法，然后是 JavaScript：

jQuery：

 window.location.href = $(".contact").attr('href');
 $('.contactformone').trigger('click');

这是 JavaScript 中最好的方法：

 document.getElementById("id").click();

【讨论】：

【解决方案3】：

我们宁愿使用 Javascript。

    <button href="images/car.jpg" id="myButton">
        Here is the Button to be clicked
    </button>


    <script>

        $(document).ready(function(){
            document.getElementById("myButton").click();
        });

    </script>

【讨论】：

重复答案..!!

【解决方案4】：

纯 JavaScript：

<script type="text/javascript">
document.getElementById("modal").click();
</script>

JQuery:

<script type="text/javascript">
$(document).ready(function(){
    $("#modal").trigger('click'); 
});
</script>

或

<script type="text/javascript">
$(document).ready(function(){
    $("#modal").click(); 
});
</script>

【讨论】：

【解决方案5】：

使用以下代码

$("#modal").trigger('click');

【讨论】：

【解决方案6】：

你可以像这样简单地使用 jQuery...

<script>
jQuery(function(){
   jQuery('#modal').click();
});
</script>

使用点击功能自动点击#modal按钮

【讨论】：

这会在那个按钮上触发ng-click吗？
click() 现在已弃用。请改用“ trigger("click") ”。