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

jquery单击事件不触发按钮操作

3 个答案: