基于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 ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
jQuery实现动态删除LI的方法
May 30 jQuery
jQuery实现全选、反选和不选功能
Aug 16 jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
[jQuery] 事件和动画详解
Mar 05 jQuery
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 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 at(@)符号的用法简介
2009/07/11 PHP
PHP url 加密解密函数代码
2011/08/26 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
php post换行的方法
2020/02/03 PHP
JavaScript学习笔记(十七)js 优化
2010/02/04 Javascript
JavaScript中的style.display属性操作
2013/03/27 Javascript
jQuery Ajax()方法使用指南
2014/11/19 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
浅析js绑定事件的常用方法
2016/05/15 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
JS实现图片预览的两种方式
2017/06/27 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
JavaScript组合模式---引入案例分析
2020/05/23 Javascript
windows下python模拟鼠标点击和键盘输示例
2014/02/28 Python
caffe binaryproto 与 npy相互转换的实例讲解
2018/07/09 Python
python3.4+pycharm 环境安装及使用方法
2019/06/13 Python
Django 用户登陆访问限制实例 @login_required
2020/05/13 Python
python常量折叠基础知识点讲解
2021/02/28 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
日本最大的购物网站乐天市场国际版:Rakuten Global Market(支持中文)
2020/02/03 全球购物
JAVA中的关键字有什么特点
2014/03/07 面试题
公司JAVA开发面试题
2015/04/02 面试题
寒假家长评语大全
2014/04/16 职场文书
英语故事演讲稿
2014/04/29 职场文书
职务说明书范文
2014/05/07 职场文书
2015年三好一满意工作总结
2015/07/24 职场文书
导游词之安徽九华山
2019/09/18 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
解析MySQL binlog
2021/06/11 MySQL
Python matplotlib 利用随机函数生成变化图形
2022/04/26 Python