基于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源码】
Mar 28 jQuery
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
JQuery判断正整数整理小结
Aug 21 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
jquery操作select常见方法大全【7种情况】
May 28 jQuery
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
Jquery+javascript实现支付网页数字键盘
Dec 21 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实现utf-8转unicode函数分享
2015/01/06 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
laravel 框架配置404等异常页面
2019/01/07 PHP
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
2010/06/21 Javascript
JavaScript动态调整TextArea高度的代码
2010/12/28 Javascript
如何用jquery控制表格奇偶行及活动行颜色
2014/04/20 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
关于javascript模块加载技术的一些思考
2014/11/28 Javascript
使用Plupload实现直接上传附件至七牛云存储
2014/12/26 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
深入解析JavaScript中的立即执行函数
2016/05/21 Javascript
js本地图片预览实现代码
2016/10/09 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
javascript 开发之百度地图使用到的js函数整理
2017/05/19 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
2018/02/09 Javascript
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
浅谈PDF.js使用心得
2018/06/07 Javascript
详解vue-cli中模拟数据的两种方法
2018/07/03 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
一起写一个即插即用的Vue Loading插件实现
2019/10/31 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
Python SQLite3数据库操作类分享
2014/06/10 Python
python生成excel的实例代码
2017/11/08 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
Python实现输入二叉树的先序和中序遍历,再输出后序遍历操作示例
2018/07/27 Python
Python 忽略warning的输出方法
2018/10/18 Python
几个Shell Script面试题
2012/08/31 面试题
汉语言文学毕业生求职信
2013/10/01 职场文书
怎样写演讲稿
2014/01/04 职场文书
《雾凇》教学反思
2014/02/17 职场文书
2014党员学习习主席讲话思想汇报
2014/09/15 职场文书
珍爱生命主题班会
2015/08/13 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers