基于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 相关文章推荐
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
jquery实现放大镜简洁代码(推荐)
Jun 08 jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
jQuery实现的中英文切换功能示例
Jan 11 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jQuery实现朋友圈查看图片
Sep 11 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 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+Html+缓存
2006/11/25 PHP
PHP 面向对象 final类与final方法
2010/05/05 PHP
24条货真价实的PHP代码优化技巧
2016/07/28 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
2018/08/21 PHP
Laravel框架搜索分页功能示例
2019/02/01 PHP
浅谈laravel-admin的sortable和orderby使用问题
2019/10/03 PHP
jQuery div层的放大与缩小简单实现代码
2013/03/28 Javascript
按Enter键触发事件的jquery方法实现代码
2014/02/17 Javascript
分享一则javascript 调试技巧
2015/01/02 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
Javascript实现字数统计
2015/07/03 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
template.js前端模板引擎使用详解
2017/10/10 Javascript
关闭Vue计算属性自带的缓存功能方法
2018/03/02 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
微信内置浏览器图片查看器的代码实例
2019/10/08 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
Python中针对函数处理的特殊方法
2014/03/06 Python
python使用Plotly绘图工具绘制水平条形图
2020/03/25 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
python 实现让字典的value 成为列表
2019/12/16 Python
Sublime Text3最新激活注册码分享适用2020最新版 亲测可用
2020/11/12 Python
jupyter notebook快速入门及使用详解
2020/11/13 Python
使用CSS3编写类似iOS中的复选框及带开关的按钮
2016/04/11 HTML / CSS
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
环境工程大学生自荐信
2013/10/21 职场文书
建筑人员岗位职责
2013/12/25 职场文书
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
项目经理岗位职责
2015/01/31 职场文书
Python 多线程处理任务实例
2021/11/07 Python