基于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插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
jQuery 实现双击编辑表格功能
Jun 19 jQuery
jQuery插件Validation表单验证详解
May 26 jQuery
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
jquery实现抽奖功能
Oct 22 jQuery
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 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
PHP执行zip与rar解压缩方法实现代码
2010/12/05 PHP
php文件上传表单摘自drupal的代码
2011/02/15 PHP
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
php时间计算相关问题小结
2016/05/09 PHP
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
解决jquery的.animate()函数在IE6下的问题
2010/12/03 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
2012/11/01 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
JS代码实现根据时间变换页面背景效果
2016/06/16 Javascript
Vuejs第十篇之vuejs父子组件通信
2016/09/06 Javascript
在使用JSON格式处理数据时应该注意的问题小结
2017/05/20 Javascript
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
详解Vue结合后台的列表增删改案例
2018/08/21 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
[05:22]DOTA2 2015国际邀请赛中国区预选赛首日TOP10
2015/05/26 DOTA
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python标准库之collections包的使用教程
2017/04/27 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
Python 使用office365邮箱的示例
2020/10/29 Python
丝芙兰墨西哥官网:Sephora墨西哥
2020/05/30 全球购物
一个C/C++编程面试题
2013/11/10 面试题
教师自荐信
2013/12/10 职场文书
行政专员岗位职责
2014/01/02 职场文书
员工薪酬福利制度
2014/01/17 职场文书
关于保护环境的建议书
2014/08/26 职场文书
公安纪律作风整顿剖析材料
2014/10/10 职场文书
辩护意见书
2015/06/04 职场文书
物资采购管理制度
2015/08/06 职场文书
中学教师教学工作总结
2015/08/13 职场文书
纪检干部学习心得体会
2016/01/23 职场文书