基于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 相关文章推荐
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
jQuery实现滚动效果
Nov 17 jQuery
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
jQuery实现轮播图及其原理详解
Apr 12 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
jQuery 动态粒子效果示例代码
Jul 07 jQuery
jQuery 实现扁平式小清新导航
Jul 07 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字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
php微信浏览器分享设置以及回调详解
2016/08/01 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
jquery ajax请求实例深入解析
2012/11/26 Javascript
使用js获取地址栏中传递的值
2013/07/02 Javascript
jquery实现弹出层遮罩效果的简单实例
2014/03/03 Javascript
JQuery中使用ajax传输超大数据的解决方法
2014/07/14 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
高性能JavaScript 重排与重绘(2)
2015/08/11 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
2015/11/16 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
2016/12/07 Javascript
用move.js库实现百叶窗特效
2017/02/08 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
python 创建弹出式菜单的实现代码
2017/07/11 Python
Python方法的延迟加载的示例代码
2017/12/18 Python
Python实现利用163邮箱远程关电脑脚本
2018/02/22 Python
python生成器与迭代器详解
2019/01/01 Python
Python3.5内置模块之time与datetime模块用法实例分析
2019/04/27 Python
python 如何设置守护进程
2020/10/29 Python
PyCharm2019.3永久激活破解详细图文教程,亲测可用(不定期更新)
2020/10/29 Python
详解pandas中利用DataFrame对象的.loc[]、.iloc[]方法抽取数据
2020/12/13 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
用CSS3打造HTML5的Logo(实现代码)
2016/06/16 HTML / CSS
印尼购物网站:iLOTTE
2019/10/16 全球购物
Delphi CS笔试题
2014/01/04 面试题
空气的环保标语
2014/06/12 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
2014年减负工作总结
2014/12/10 职场文书
简述python四种分词工具,盘点哪个更好用?
2021/04/13 Python