以编程方式触发时的 jQuery 单击事件

Question

我有一个带有内联 onclick 事件的链接：

<a href="#" onclick="somefunction();">click</a>

我在 onclick 事件上注册了一个附加函数：

jQuery("#addMoreOptions").live('click',function(){
        console.log('clicked');
    });

当我单击浏览器上的链接时，该函数可以正常工作，但当我以编程方式模拟时则不行：

jQuery("#addMoreOptions").click();

编程版本会触发内联事件，但不会触发“活”一。

当一个事件附加多个函数时，它使用什么顺序？

Answer 1

我很确定这是由事情发生的顺序引起的。

如果您查看这个实例，您会发现一切都按预期工作。这是因为事件是被注册的，然后被调用的。代码如下所示：

jQuery(document).ready(function(){   

    jQuery("#addMoreOptions").live('click',function(){
        console.log('clicked');
    });

     $('#addMoreOptions').click();      

});

function somefunction()
{
 alert("clicked");   
}

当页面加载时，您会收到一个 alert 和一个 console.log。

现在，只需在注册事件之前添加 $('#addMoreOptions').click(); 即可，如 这个实例您只能从内联函数中获得警报。

作为参考，代码是

jQuery(document).ready(function(){   
     $('#addMoreOptions').click();  

    jQuery("#addMoreOptions").live('click',function(){
        console.log('clicked');
    });   

});

function somefunction()
{
 alert("clicked");   
}

Answer 2

触发点击事件的另一种方法是使用 .trigger() 函数：

jQuery('#addMoreOptions').trigger('click');