如何获取JQuery.trigger（'click'）; 启动鼠标单击

Question

我很难理解如何使用JQuery模拟鼠标单击。有人可以告诉我我做错了什么吗？

HTML：

<a id="bar" href="http://stackoverflow.com" target="_blank">Don't click me!</a>
<span id="foo">Click me!</span>

jQuery的：

jQuery('#foo').on('click', function(){
    jQuery('#bar').trigger('click');
});

当我单击#foo按钮时，我想模拟对#bar的单击，但是当我尝试这样做时，什么也没有发生。我也尝试过jQuery(document).ready(function(){...})但没有成功。

Answer 1

您需要使用jQuery('#bar')[0].click();模拟实际的DOM元素（而不是jQuery对象）上的鼠标单击，而不是使用.trigger()jQuery方法。

注意：DOM Level 2在Safari中的某些元素.click()上不起作用。您将需要使用解决方法。