基于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正则表达式在页面验证url网址输入是否正确
Apr 04 jQuery
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
使用jQuery给Table动态增加行、清空table的方法
Sep 05 jQuery
jQuery无冲突模式详解
Jan 17 jQuery
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
jquery实现的分页显示功能示例
Aug 23 jQuery
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
jQuery擦除插件eraser使用方法详解
Jan 11 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
数据库相关问题
2006/10/09 PHP
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
PHP多线程编程之管道通信实例分析
2015/03/07 PHP
PHP自动生成表单代码分享
2015/06/19 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
javascript基础知识大集锦(一) 推荐收藏
2011/01/13 Javascript
原始的js代码和jquery对比体会
2013/09/10 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
2013/11/25 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
chrome调试javascript详解
2015/10/21 Javascript
Eclipse引入jquery报错如何解决
2015/12/01 Javascript
jQuery焦点图轮播效果实现方法
2016/12/19 Javascript
js匿名函数使用&amp;传参(实例)
2017/09/08 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
Vue 幸运大转盘实现思路详解
2019/05/06 Javascript
微信小程序实现搜索指定景点周边美食、酒店
2019/05/18 Javascript
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
进一步探究Python的装饰器的运用
2015/05/05 Python
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
对pandas中时间窗函数rolling的使用详解
2018/11/28 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
Python中@property的理解和使用示例
2019/06/11 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
Python如何使用bokeh包和geojson数据绘制地图
2020/03/21 Python
python使用re模块爬取豆瓣Top250电影
2020/10/20 Python
Nº21官方在线商店:numeroventuno.com
2019/09/26 全球购物
信息科学与技术专业求职信范文
2014/02/20 职场文书
比赛主持人开场白
2015/05/29 职场文书
西柏坡观后感
2015/06/08 职场文书
Pytest中skip和skipif的具体使用方法
2021/06/30 Python