載入頁面后觸發點擊

Question

我正在使用wordpress主題，並且在頁面加載時需要激活一個按鈕，但是以下任何一項都不適合我（我的按鈕的ID為“重置”）：

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

-

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

-

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

我將代碼放在需要激活該按鈕的標題或頁面中，但不起作用。

謝謝！

Answer 1

JavaScript不允許無縫編程觸發實際的點擊事件。

你能做的是

1. 將click回調聲明為單獨的命名函數

例如

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

2. 將此設置為按鈕的單擊回調（例如$('#reset').on('click', myClickCallback) ）。

3. 頁面加載時調用回調（例如$(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

我給你例子在這里

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

上面的代碼應該可以工作。

Answer 5

在事件單擊時使用觸發功能

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