基于jquery trigger函数无法触发a标签的两种解决方法

 更新时间:2018年01月06日 10:44:47   作者:杨俊飞  
下面小编就为大家分享一篇基于jquery trigger函数无法触发a标签的两种解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

起因:点击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实现图片预加载

    这篇文章主要介绍了jquery实现图片预加载的方法,内容很详细,带领大家全方位学习jquery图片预加载,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 省市区三级联动jquery实现代码

    省市区三级联动jquery实现代码

    这篇文章主要为大家详细绍了省市区三级联动jquery实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • jquery延迟加载外部js实现代码

    jquery延迟加载外部js实现代码

    为了提高加载速度,有个想法就是推迟外部JS加载,有兴趣的朋友可以参考下,接下来详细介绍实现方法
    2013-01-01
  • Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法

    Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法

    这篇文章主要介绍了Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法的相关资料,需要的朋友可以参考下
    2016-04-04
  • jquery动态添加带有样式的HTML标签元素方法

    jquery动态添加带有样式的HTML标签元素方法

    下面小编就为大家分享一篇jquery动态添加带有样式的HTML标签元素方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • 宝儿的zQuery库选择器简单原型

    宝儿的zQuery库选择器简单原型

    编写zQuery库初始起因一则是由于旧版的jQuery执行效率(现在的版本好像还可以),二则是对javascript语言的喜爱,每每总是亲历亲为,最后由于在项目中的需求,加入了对事件侦听机制的和DOM节点操作方法的扩展。
    2008-06-06
  • jQuery中filter()方法用法实例

    jQuery中filter()方法用法实例

    这篇文章主要介绍了jQuery中filter()方法用法,实例分析了filter()方法的功能、定义及筛选的几种使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery图片轮播功能实例代码

    jQuery图片轮播功能实例代码

    这篇文章给大家介绍了jquery 图片轮播代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-01-01
  • jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析

    jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析

    这篇文章主要介绍了jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法,结合实例形式分析了jQuery中$.extend(true,object1, object2);进行深拷贝操作相关实现技巧,需要的朋友可以参考下
    2019-03-03
  • jquery hover 不停闪动问题的解决方法(亦为stop()的使用)

    jquery hover 不停闪动问题的解决方法(亦为stop()的使用)

    下面小编就为大家带来一篇jquery hover 不停闪动问题的解决方法(亦为stop()的使用)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02

最新评论