前言

• 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");}); });

總結

以上是生活随笔為你收集整理的JQuery 自动触发 a 标签的 click事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。