前言
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="" style="display:none;"><span id="tb_1_btn">去CSDN</span></a><a href="" 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");});});