基于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解析获取JSON数据
Apr 08 jQuery
jquery实现图片放大点击切换
Jun 06 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
Jul 22 jQuery
jquery实现直播弹幕效果
Nov 28 jQuery
jQuery 选择器用法基础入门示例
Jan 04 jQuery
jQuery+ajax实现文件上传功能
Dec 22 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 header 跳转
2013/06/17 PHP
php读取富文本的时p标签会出现红线是怎么回事
2014/05/13 PHP
php提高网站效率的技巧
2015/09/29 PHP
laravel5使用freetds连接sql server的方法
2018/12/07 PHP
laravel实现于语言包的完美切换方法
2019/09/29 PHP
用脚本调用样式的几种方法
2006/12/09 Javascript
JavaScript修改作用域外变量的方法
2016/03/25 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
2016/07/08 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
python实现得到一个给定类的虚函数
2014/09/28 Python
Python的Django框架中的数据过滤功能
2015/07/17 Python
python subprocess 杀掉全部派生的子进程方法
2017/01/16 Python
Python字符串处理实现单词反转
2017/06/14 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
python使用matplotlib库生成随机漫步图
2018/08/27 Python
python版飞机大战代码分享
2018/11/20 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
环境工程求职简历的自我评价范文
2013/10/24 职场文书
办公室文员工作自我评价
2013/12/01 职场文书
餐饮业会计岗位职责
2013/12/19 职场文书
幼儿园实习生辞职信
2014/01/20 职场文书
家庭教育先进个人事迹材料
2014/01/24 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
小学生五年级大队长竞选发言稿
2014/09/12 职场文书
征用土地赔偿协议书
2014/09/26 职场文书
三峡人家导游词
2015/01/31 职场文书
团支部组织委员竞选稿
2015/11/21 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书