基于jquery trigger函数无法触发a标签的两种解决方法


Posted in jQuery onJanuary 06, 2018

起因:点击icon图标后要触发a标签的链接转跳动作,但是用 JQ 的 $('#a').trigger('click') 居然不起作用,遂百度之,总结两种方法如下:

(原因:JQ 的 trigger() 方法确实无法触发 a 标签的转跳动作。)

1:JQ 方法:

对目标 a 标签内部新增一个 span 标签 ,然后给 span 标签绑定 trigger('click') 事件。

$('#a').html('<span></span>').children().trigger('click');

(原因:JQ trigger函数也支持冒泡)

(a标签内有东西的话可以用 appendTo() 等其他函数追加标签)

2:JQ+JS方法:(推荐)

将 $('#a') 转换为 JS 对象,然后触发 click 事件。

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

总结:个人感觉第二种方法简单方便,推荐使用。

另:如有错误,请批评指正。

以上这篇基于jquery trigger函数无法触发a标签的两种解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery操作css样式
May 15 jQuery
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
webpack写jquery插件的环境配置
Dec 21 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
jquery+ajaxform+springboot控件实现数据更新功能
Jan 22 jQuery
jQuery Dom元素操作技巧
Feb 04 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
JavaScript或jQuery 获取option value值方法解析
May 12 jQuery
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
jQuery中库的引用方法
Jan 06 #jQuery
jQuery封装animate.css的实例
Jan 04 #jQuery
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 #jQuery
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 #jQuery
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 #jQuery
基于jquery.page.js实现分页效果
Jan 01 #jQuery
jquery实现企业定位式导航效果
Jan 01 #jQuery
You might like
编写PHP的安全策略
2006/10/09 PHP
二十行语句实现从Excel到mysql的转化
2006/10/09 PHP
PHP中array_map与array_column之间的关系分析
2014/08/19 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
Javascript 写的简单进度条控件
2008/01/22 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
2013/10/20 Javascript
在JS中如何调用JSP中的变量
2014/01/22 Javascript
JS判断、校验MAC地址的2个实例
2014/05/05 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
react-router JS 控制路由跳转实例
2017/06/15 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
webpack4 SplitChunks实现代码分隔详解
2019/05/23 Javascript
javascript实现动态时钟的启动和停止
2020/07/29 Javascript
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
python爬取NUS-WIDE数据库图片
2016/10/05 Python
python3.6 如何将list存入txt后再读出list的方法
2019/07/02 Python
django自带的权限管理Permission用法说明
2020/05/13 Python
Matlab使用Plot函数实现数据动态显示方法总结
2021/02/25 Python
美国高端医师级美容产品电商:BeautifiedYou.com
2017/04/17 全球购物
什么是静态路由?什么是动态路由?各自的特点是什么?
2015/09/16 面试题
电大学习个人自我评价范文
2013/10/04 职场文书
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
体育教育毕业生自荐信
2013/11/21 职场文书
媒矿安全生产承诺书
2014/05/23 职场文书
法学求职信
2014/06/22 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
单位证明范文
2015/06/18 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书
thinkphp 获取控制器及控制器方法
2021/04/16 PHP
MySQL主从搭建(多主一从)的实现思路与步骤
2021/05/13 MySQL