Question

我正在尝试点击页面的onload上的按钮，以进行默认事件，但是click()和trigger("click")似乎都不起作用。

以下是示例：

$("#getAttendanceRep").click();

$("#getAttendanceRep").click(function() {
  alert('clicked');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="datepicker form-control" value="2/2/2019" name="date" id="date">
<input type="button" id="getAttendanceRep" value="Display Slots" class="btn" />

我怎么了？

谢谢！

Answer 1

在附加处理程序之前，您正在触发点击。

将它们交换以得到预期的结果：

$("#getAttendanceRep").click(function() {
    alert('clicked');
});

$("#getAttendanceRep").click();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="datepicker form-control" value="2/2/2019" name="date" id="date">
<input type="button" id="getAttendanceRep" value="Display Slots" class="btn" />

或者简单地，as suggested：

$("#getAttendanceRep").click(function() { /* ... */ }).click();

Answer 2

click事件不存在，因此，您需要在创建click事件后给他打电话。或者更好的方法是将事件附加到链的末尾，如下所示：

$("#getAttendanceRep").click(function(){
 alert('clicked');
}).click();

Answer 3

要在页面加载后触发按钮单击事件，应使用如下文档准备好检查包装它：

$(document).ready(function () {
    $("#getAttendanceRep").click(function () {
        alert('clicked');
    });

    $("#getAttendanceRep").click();
});

Updated sample

jQuery click（）不触发按钮

3 个答案: