JQuery 自动触发 a 标签的 click事件

前言

• JQuery 使用 trigger 可以自动触发 HTML元素的 click() 方法
• a标签有些特殊，JQuery无法使用 trigger 触发 a 标签click事件，需要迂回一下。

a标签触发click事件方法

在a 标签内添加可触发click事件的元素

示例

HTML代码如下：

<!--滑动门-->
<ul>
    <li id="tb_1" class="hovertab" onmouseover="t:HoverLi(1);" >
    	滑动门1
    </li>
    <li id="tb_2" class="normaltab" onmouseover="y:HoverLi(2);">
    	滑动门2
    </li>
</ul>
<!--隐藏的链接-->
<a href="http://csdn.net" style="display:none;">
	<span id="tb_1_btn">去CSDN</span>
</a>
<a href="http://taobao.com" style="display:none;">
	<span id="tb_2_btn">去TAOBAO</span>
</a>

JQuery代码如下：

/* 给滑动门添加点击事件。该事件触发a标签的click()方法 */
$(document).ready(function(){
	$("#tb_1").click(function(){
		$("#tb_1_btn").trigger("click");
	});
	$("#tb_2").click(function(){
		$("#tb_2_btn").trigger("click");
	});
});