jQuery的點擊事件不觸發按鈕動作

Question

我正在使用JQuery，並且已經為網頁加載了許多Javascript，該網頁可以按預期工作。 但是，當我嘗試添加以下代碼來觸發按鈕單擊時，該按鈕未激活。

$(document).ready(function(){
    $('.add_link').click();
});

我想知道我在做什么錯？ 我在單獨的文件中有這部分代碼，在所有其他javascript文件加載后即被加載。 有什么提示嗎？

謝謝。

Answer 1

$('.add_link').click();

也許找不到該按鈕，因為它沒有指定的類。 尋找拼寫錯誤，或者您只是忘了設置按鈕的類？

當您單擊按鈕時會發生什么？

這是什么html代碼？

Answer 2

我玩了更多之后找到了答案。 由於我使用的是Drupal，因此需要使用閉包來確保其正常工作。 正確的代碼應為：

jQuery(document).ready(function($){
   $('.add_link').click();
});

小事情總是使您絆倒。 感謝您的所有回復。

Answer 3

HTML ：

<button class="add_link">Click ME</button>

Javascript ：

$(document).ready(function(){
    $('.add_link').click(function(event){
        //I'm the event handler
        console.log(event);
        alert(".add_link clicked!!!");
    });
});

其他例子 ：

$(document).ready(function(){
    //Named function
    function myHandle(event){
        //I'm the event handler
        console.log(event);
        alert(".add_link clicked!!!");
    }

    //adding event with event alias
    $(".add_link").click(myHandle);

    //adding event with jQuery.on
    $(".add_link").on("click", myHandle);

    //adding event with jQuery.on and delegation
    $("body").on("click", ".add_link", myHandle);

});

我使用jQuery.on是因為委托的語法和簡單的事件處理幾乎相同。 jQuery.on較新則jQuery.bind ， jQuery.live和jQuery.delegate了。

jsFiddle