如何通过脚本模拟点击事件？

Question

我有一个jQuery的手风琴风格的菜单，我想添加一些捷径链接到顶部。当点击这些快捷方式之一，它应该有同样的效果，如果用户点击相应的充当该面板的标题标签...

下面是一些代码...

<div> 
    Application Shortcuts > <a href="" 
    onclick="simulateAclick("generalSettings")>Open General Settings</a> 
</div> 


<ul class="menu collapsible"> 
    <li class='header'><a href='#' id="generalSettings">General Settings</a> 
     <ul class='acitem'>...stuff goes here... 

在上面的例子中，点击“打开常规设置”切换可见的“acitem”UL的子元素。我只想模拟点击该元素，从我的应用程序顶部的链接...

Answer 1

使用此：

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

的#前缀是指寻找与下面的ID的元素。

Answer 2

您可以在所有jQuery对象上使用click函数来模拟点击事件。

这会引发事件，就好像它是由用户完成的一样。除了明显的事件属性，如clientX和clientY等将不准确和/或可用。

Answer 3

有这种正式的功能;）

$('#generalSettings').trigger('click');