首頁 > web前端 > js教程 > 主體

jquery trigger函數無法觸發a標籤應該如何處理

php中世界最好的语言
發布: 2018-03-15 11:13:17
原創
2093 人瀏覽過

這次帶給大家jquery trigger函數無法觸發a標籤應該如何處理,處理jquery trigger函數無法觸發a標籤的注意事項有哪些,下面就是實戰案例,一起來看看。

起因:點擊icon圖示後要觸發a標籤的連結轉跳動作,但是用JQ 的$('#a').trigger('click') 居然不起作用,遂百度之,總結兩種方法如下:

(原因:JQ 的trigger() 方法確實無法觸發a 標籤的轉跳動作。)

1:JQ 方法:

對目標a 標籤內部新增一個span 標籤,然後給span 標籤綁定trigger('click') 事件

$('#a').html('').children().trigger('click');

#(原因:JQ trigger函數也支援冒泡)

(a標籤內有東西的話可以用appendTo() 等其他函數追加標籤)

2:JQ+JS方法: (建議)

將$('#a') 轉換為JS 對象,然後觸發click 事件。

$('#a')[0].click();

#總結:個人感覺第二種方法簡單方便,推薦使用。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦讀取:

jQuery的複選框選擇並且取得值

JQuery操作table中tr的位置

以上是jquery trigger函數無法觸發a標籤應該如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板