基于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实现图片上传前本地预览
Apr 28 jQuery
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
jquery树形插件zTree高级使用详解
Aug 16 jQuery
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
js和jquery判断数据类型的4种方法总结
Aug 28 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 读取shell管道传输过来的内容
2010/03/01 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
详解PHP处理密码的几种方式
2016/11/30 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
PHP使用zlib扩展实现GZIP压缩输出的方法详解
2018/04/09 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
基于JavaScript实现一个简单的Vue
2018/09/26 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
cocos2dx+lua实现橡皮擦功能
2018/12/20 Javascript
详解小程序如何避免多次点击,重复触发事件
2019/04/08 Javascript
Python中使用logging模块代替print(logging简明指南)
2014/07/09 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
python 文件转成16进制数组的实例
2018/07/09 Python
详解Python正则表达式re模块
2019/03/19 Python
python基于plotly实现画饼状图代码实例
2019/12/16 Python
python 检测nginx服务邮件报警的脚本
2020/12/31 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
美国定制钻石订婚戒指:Ritani
2017/12/08 全球购物
英国在线潜水商店:Simply Scuba
2019/03/25 全球购物
德国二手设计师时装和复古时装跳蚤市场:Mädchenflohmarkt
2020/11/09 全球购物
Chemist Warehouse中文网:澳洲连锁大药房
2021/02/05 全球购物
端口镜像是怎么实现的
2014/03/25 面试题
Lucene推荐的分页方式是什么?
2015/12/07 面试题
警察思想汇报
2014/01/04 职场文书
暑假家长评语大全
2014/04/17 职场文书
火灾现场处置方案
2014/05/28 职场文书
维护民族团结演讲稿
2014/08/27 职场文书
民族学专业大学生职业规划范文:清晰未来的构想
2014/09/20 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
大学生党员自我剖析材料
2014/10/06 职场文书
Mysql官方性能测试工具mysqlslap的使用简介
2021/05/21 MySQL