基于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日程管理控件glDatePicker用法详解
Mar 29 jQuery
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
Apr 02 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
jQuery AJAX 方法success()后台传来的4种数据详解
Aug 08 jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 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
CI框架在CLI下执行占用内存过大问题的解决方法
2014/06/17 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
PHP常用处理静态操作类
2015/04/03 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
老生常谈文本文件和二进制文件的区别
2017/02/27 PHP
ext for eclipse插件安装方法
2008/04/27 Javascript
JavaScript 函数式编程的原理
2009/10/16 Javascript
javascript整除实现代码
2010/11/23 Javascript
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
分享一则JavaScript滚动条插件源码
2015/03/03 Javascript
jQuery实现渐变下拉菜单的简单方法
2015/03/11 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
2016/06/06 Javascript
原生js实现tab选项卡切换
2020/03/23 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
详解webpack2+React 实例demo
2017/09/11 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
2019/04/11 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
Python 操作文件的基本方法总结
2017/08/10 Python
python全栈要学什么 python全栈学习路线
2019/06/28 Python
python搜索算法原理及实例讲解
2020/11/18 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
中间件分为哪几类
2016/09/18 面试题
中餐厅主管的职责范文
2014/02/04 职场文书
竞聘书格式及范文
2014/03/31 职场文书
留守儿童工作方案
2014/06/02 职场文书
家属慰问信
2015/02/14 职场文书
《岳阳楼记》原文、译文赏析
2019/09/10 职场文书
Python pyecharts绘制条形图详解
2022/04/02 Python
win10此电脑打不开怎么办 win10双击此电脑无响应的解决办法
2022/07/23 数码科技