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