基于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实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
jQuery实现菜单栏导航效果
Aug 15 jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
基于jquery实现左右上下移动效果
May 02 jQuery
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
JQuery属性操作与循环用法示例
May 15 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 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 文件上传系统手记
2009/10/26 PHP
php自定义apk安装包实例
2014/10/20 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
php禁用函数设置及查看方法详解
2016/07/25 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
PHP实现的权重算法示例【可用于游戏根据权限来随机物品】
2019/02/15 PHP
告诉大家什么是JSON
2008/06/10 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
2011/03/03 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
JavaScript瀑布流布局实现代码
2017/05/06 Javascript
基于vue的短信验证码倒计时demo
2017/09/13 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
2019/03/07 Javascript
微信提示 在浏览器打开 效果实现过程解析
2019/09/10 Javascript
浅谈Vue SSR中的Bundle的具有使用
2019/11/21 Javascript
js get和post请求实现代码解析
2020/02/06 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
javascript实现拼图游戏
2021/01/29 Javascript
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python自动生产表情包
2017/03/17 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
2020/03/04 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
matplotlib相关系统目录获取方式小结
2021/02/03 Python
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
中东奢侈品市场:Coveti
2019/05/12 全球购物
高校毕业生自我鉴定
2013/10/27 职场文书
大学生工作推荐信范文
2013/12/02 职场文书
销售顾问岗位职责
2014/02/25 职场文书
竞选班干部的演讲稿
2014/04/24 职场文书
股权转让协议书
2014/12/07 职场文书
湘江北去观后感
2015/06/15 职场文书
2015年车间管理工作总结
2015/07/23 职场文书