javascript - jquery点击事件不触发按钮动作

Question

我正在使用 JQuery，并且我已经为一个按预期工作的网页加载了一堆 Javascript。但是，当我尝试添加以下代码以触发按钮单击时，该按钮未激活。

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

我想知道我做错了什么？我将这段代码放在一个单独的文件中，在加载所有其他 javascript 文件后加载该文件。有什么提示吗？

谢谢。

Answer 1

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!!!");
    });
});

Other examples:

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

});

I use jQuery.on because syntax of delegation and simple event handling is almost the same. jQuery.on is newer then jQuery.bind, jQuery.live and jQuery.delegate too.

jsFiddle

Answer 2

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

可能找不到按钮，因为它没有指定的类。寻找拼写错误，或者您只是忘记为按钮设置类？

当您单击按钮时会发生什么？

这个的html代码是什么？

Answer 3

在玩了更多之后，我找到了答案。由于我使用的是 Drupal，我需要使用闭包来确保它正常工作。正确的代码应该是：

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

绊倒你的总是小事。感谢所有的回复。