基于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标签的两种解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
一直对stop的用法一知半解，今天抽点时间学习下jQuery stop()用法实例详解的相关知识，特此分享脚本之家平台，供大家参考2016-07-07
这篇文章主要介绍了jquery中val()方法是从最后一个选项往前读取的,需要的朋友可以参考下2015-09-09
本文给大家分享基于jquery步骤进度条源码分享，实现功能是这样的，在输入框中输入第3步，点击重新生成按钮，相应的步骤颜色就会加深，对jquery步骤进度条感兴趣的朋友一起看看吧2015-11-11
这篇文章主要介绍了用图片替换checkbox原始样式并实现同样的功能 ，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2018-11-11
这篇文章主要为大家详细介绍了jquery插件实现搜索历史，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
div层的放大与缩小想必大家已不是那么陌生了吧，接下来为大家详细介绍下使用jQuery实现，感兴趣的各位可以参考下哈，希望可以帮助到你2013-03-03
jQuery模拟实现的select点击选择效果【附demo源码下载】
这篇文章主要介绍了jQuery模拟实现的select点击选择效果,涉及jQuery响应鼠标点击动态修改页面元素样式的相关操作技巧,并附带demo源码供读者下载,需要的朋友可以参考下2016-11-11
jQuery编程实现一组由8幅图组成的图片，进入网页初始时显示前面4张，然后自动向左滚动，直到屏幕显示的是后4张时停止滚动，需要的朋友可以参考下2012-12-12
使用Jquery创建一个层，实现当鼠标移动到层上面不消失，示例代码如下，感兴趣的朋友可以参考下2013-12-12
jquery 实现checkbox全选，反选，全不选等功能代码(奇数)
jquery 实现全选，反选，全不选等功能，下面直接以例子进行说明,需要的朋友可以参考下2012-10-10
最新评论