在加载页面后触发单击

Question

我正在使用wordpress主题，我需要在页面加载时激活一个按钮，但以下都没有对我有用（我的按钮的ID为“reset”）：

$(document).ready(function() {
   $("#reset")[0].click();
}); 

-

$(document).ready(function(){
   $("#reset").click();
})

-

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

我将代码放在标题或我需要激活按钮的页面中，但不起作用。

谢谢！

Answer 1

JavaScript不允许无缝编程触发实际的点击事件。

你能做的是

1. 将click回调声明为单独的命名函数

e.g。

function myClickCallback(e) {
  // Do stuff here
}

1. 将其设置为按钮的点击回调（例如$('#reset').on('click', myClickCallback)）。

2. 在页面加载时调用回调（例如$(document).ready(myClickCallback);）

我不确定你为什么要这个功能，因为听起来很奇怪。从阅读您的描述，通过“激活”，您也可以意味着启用按钮。要做到这一点，你应该做类似以下的事情

$(document).on('ready', function (e){
    $('#reset').removeAttr('disabled');
});

Answer 2

您可能需要使用jQuery而不是$来引用它：

  

WordPress附带的jQuery库设置为noConflict()模式...

https://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers

Answer 3

$(document).ready(function(){
 $("#reset").trigger('click');
});

Answer 4

我举例here

$(document).ready(function(){
   $("#reset").click();
})

上面的代码应该有用。

Answer 5

使用Trigger功能点击事件

$(document).ready(function(){
 $("#reset").trigger('click');
});

Answer 6

这对我有用：

$(function () {
        $('#btnUpdatePosition').click();  
});

在按钮事件上，JQuery绑定事件不起作用：

$('#btnUpdatePosition').click(function () {
            alert('test again');
        });

但是当我在属性声明中添加事件时，它可以工作：

<input type="button" value="Update" id="btnUpdatePosition" onclick="alert('Click has been called')" />

如果元素上具有函数，也可以调用：

<input type="button" value="Update" id="btnUpdatePosition" onclick="fncShow();" />