基于jquery trigger函數(shù)無法觸發(fā)a標(biāo)簽的兩種解決方法
起因:點(diǎn)擊icon圖標(biāo)后要觸發(fā)a標(biāo)簽的鏈接轉(zhuǎn)跳動(dòng)作,但是用 JQ 的 $('#a').trigger('click') 居然不起作用,遂百度之,總結(jié)兩種方法如下:
(原因:JQ 的 trigger() 方法確實(shí)無法觸發(fā) a 標(biāo)簽的轉(zhuǎn)跳動(dòng)作。)
1:JQ 方法:
對目標(biāo) a 標(biāo)簽內(nèi)部新增一個(gè) span 標(biāo)簽 ,然后給 span 標(biāo)簽綁定 trigger('click') 事件。
$('#a').html('<span></span>').children().trigger('click');
(原因:JQ trigger函數(shù)也支持冒泡)
(a標(biāo)簽內(nèi)有東西的話可以用 appendTo() 等其他函數(shù)追加標(biāo)簽)
2:JQ+JS方法:(推薦)
將 $('#a') 轉(zhuǎn)換為 JS 對象,然后觸發(fā) click 事件。
$('#a')[0].click();
總結(jié):個(gè)人感覺第二種方法簡單方便,推薦使用。
另:如有錯(cuò)誤,請批評指正。
以上這篇基于jquery trigger函數(shù)無法觸發(fā)a標(biāo)簽的兩種解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Jquery公告滾動(dòng)+AJAX后臺(tái)得到數(shù)據(jù)
ajax得到值,用JQUERY綁定給對應(yīng)的UL.利用JQUERY的動(dòng)畫來實(shí)現(xiàn)他們的滾動(dòng)公告。2011-04-04jquer之a(chǎn)jaxQueue簡單實(shí)現(xiàn)代碼
手頭不是很忙,突然想到了ajax queue這個(gè)概念,之前貌似有看技術(shù)文章中提到過這個(gè),就想著用jquery來實(shí)現(xiàn)一下,思想比較簡單2011-09-09jQuery實(shí)現(xiàn)帶遮罩層效果的blockUI彈出層示例【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶遮罩層效果的blockUI彈出層,可實(shí)現(xiàn)帶有彈出遮罩層效果的彈出對話框功能,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建RSS Feed閱讀器
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI,我們將通過 jQuery EasyUI框架創(chuàng)建一個(gè)RSS閱讀器,感興趣的小伙伴們可以參考一下2015-11-11Jquery實(shí)現(xiàn)多個(gè)表格的全選復(fù)選框功能方式
這篇文章主要介紹了Jquery實(shí)現(xiàn)多個(gè)表格的全選復(fù)選框功能方式,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-12-12分享一個(gè)自己動(dòng)手寫的jQuery分頁插件
本文主要是將自己動(dòng)手些jquery分頁插件的思路和步驟分享給大家,本分頁插件功能很簡單,但是卻很實(shí)用,不想其他插件似的,功能一大堆。好了,廢話不多說,還是看正文吧2014-08-08jQuery初學(xué):find()方法及children方法的區(qū)別分析
總經(jīng)一下前段時(shí)間用于的jQuery方法:find及children。需要的朋友可以參考下。2011-01-01