当前位置:主页 > jquery教程 > 基于jquery trigger函数无法触发a标签的两种解决方法

实例详解jquery trigger函数无法触发a标签的两种解决方法

发布:2020-02-02 19:00:49 372


给网友们整理jQuery相关的编程文章,网友莘桂华根据主题投稿了本篇教程内容,涉及到jquery、trigger、a标签、基于jquery trigger函数无法触发a标签的两种解决方法相关内容,已被371网友关注,如果对知识点想更进一步了解可以在下方电子资料中获取。

基于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 fadeOut 异步实例代码详解

    发布:2022-06-21

    给大家整理一篇关于jQuery的教程,fadeOut() 方法逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果)。这篇文章给大家介绍jquery fadeout异步实例代码,感兴趣的朋友一起看下吧


  • 详解jQuery-1.9.1 事件系统之事件包装

    发布:2020-03-13

    这篇文章主要介绍了jQuery-1.9.1源码分析系列(十)事件系统之事件包装的相关资料,需要的朋友可以参考下


  • jQuery实现手机自定义弹出输入框

    jQuery实现手机自定义弹出输入框

    发布:2023-01-18

    为网友们分享了关于jQuery的教程,这篇文章主要介绍了jQuery实现手机自定义弹出输入框 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下


  • 深入理解jQuery.trim() 函数及trim()用法

    发布:2020-03-10

    jQuery.trim()函数用于去除字符串两端的空白字符。jquery trim函数应用非常广泛,下面小编给大家讲解jquery.trim()函数及trim()用法详解,需要的朋友可以参考下


  • jquery css实现动感的图片切换的效果代码

    发布:2020-01-18

    这篇文章主要介绍了jquery+css实现动感的图片切换效果,效果实现很精致,动画简洁大方,推荐给大家,感兴趣的小伙伴们可以参考一下


  • 如何使用jQuery实现平滑的页面滚动到顶部或底部

    发布:2020-01-09

    如何创建一个平滑的滚动效果是本文的目的使用jQuery让您可以滚动到你的网页的顶部或底部,相当不错的一个效果,感兴趣的你可不要错过了哈


  • 解析jquery中使用$(#form).submit()重写提交表单无效原因

    发布:2020-01-26

    jqeury的validationEngine做ajax校验,当表单中的最后一个字段需要做ajax验证,在字段输入完毕后点击回车提交表单时不起作用,接下来为大家介绍下解决方法感兴趣的各位可以参考下哈


  • jQuery编写网页版2048小游戏

    jQuery编写网页版2048小游戏

    发布:2023-01-03

    给网友朋友们带来一篇关于jQuery的教程,本文主要分享了jQuery编写网页版2048小游戏的示例代码,具有一定的参考价值,下面跟着小编一起来看下吧


网友讨论