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

Question

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

30

如果我想在页面加载时自动点击一个按钮元素，我该如何使用jQuery实现？

按钮的HTML内容为：

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

- JStormThaKid

6个回答

33

纯 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>

- KingRider

10

使用以下代码

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

- user3164444

6

我先尝试了以下两种方法，第一种是使用jQuery，第二种是使用JavaScript。

jQuery：

（原文中的这段话没有给出具体的jQuery代码，因此无法翻译。）

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

这是在JavaScript中最好的方法：

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

- Ravi Mane

2

您可以使用该代码并调整您希望启动的时间，其中1代表页面加载完成时，2000代表2秒后启动。

$(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>

- Cudex

0

我们应该使用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>

- mhtmalpani

1

重复的答案..!! - Ananta Prasad

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- JStormThaKid · Accepted Answer

你只需像这样使用jQuery...

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

使用 "click" 函数来自动点击 #modal 按钮。