加载页面后触发点击

Trigger click after load page

我正在使用 wordpress 主题,我需要在页面加载时激活一个按钮,但以下 none 对我有用(我的按钮的 ID 为 "reset") :

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

--

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

--

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

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

谢谢!

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

我举个例子here

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

上面的代码应该可以工作。

将函数触发器与事件点击结合使用

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

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

你能做的是

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

例如

function myClickCallback(e) {
  // Do stuff here
}
  1. 将此设置为按钮的点击回调(例如 $('#reset').on('click', myClickCallback))。

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

我不确定您为什么需要此功能,因为它听起来很奇怪。通过阅读您的描述,"activating",您也可能意味着启用该按钮。为此,您应该执行以下操作

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

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

The jQuery library included with WordPress is set to the noConflict() mode...

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

这对我有用:

$(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();" />