当前位置:首页 > 编程教程 > jQuery技术文章 > 基于jquery trigger函数无法触发a标签的两种解决方法

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

  • 发布时间:
  • 作者:码农之家
  • 点击:372

这篇文章主要知识点是关于jquery、trigger、a标签、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

jQuery UI开发指南
  • 类型:前端开发大小:6.02 MB格式:PDF作者:Eric Sarrion
立即下载

基于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标签的两种解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

jQuery 相关电子书
学习笔记
网友NO.222490

jquery触发a标签跳转事件示例代码

1.写入a标签: a target="_blank" href="javascript:void(0)" onclick="checkValidate()"水觅微博/a 2.加入JS: script type="text/javascript" function checkValidate(){ if($("#signOut").text()){ window.location.href="%=basePath%/jsp/weibo/index.jsp"; }else{ window.location.href="%=basePath%index.jsp"; } } /script 3.解释: $("#signOut").text()为我所需要判断的对应ID的Html元素的值……

网友NO.349709

jquery通过a标签删除table中的一行的代码

tr td width="10%" s:property value="#owner.id" / /td td width="20%" s:property value="#owner.name" / /td td width="15%" s:property value="#owner.floor" / /td td width="15%" s:property value="#owner.number" / /td td width="20%" s:property value="#owner.telephone" / /td td width="20%" align="center" a href="addOwner.jsp"添加/a| a href="javascript:void(0)" onclick="updateOwner(s:property value="#owner.id" /,'s:property value="#owner.name" /','s:property value="#owner.floor" /','s:property value="#owner.number" /','s:property value="#owner.telephone" /')" 修改/a| a href="javascript:void(0)" onclick="deleteOwner('s:property value="#owner.id" /',this)"删除/a /td /tr function deleteOwner(id,obj){ var o=$(obj); if(confirm("确定删除?")){ $.post( "deleteOwner!deleteOwner", {id: id}, function(){ alert("删除成功!!!"); o.parents("tr").remove(); } ); } } 1.刚开始因为this放错位置了,死活不成功!得注意。 2.直接用obj报错,要将其打包成对象$(obj)……

网友NO.163135

jQuery简单获取DIV和A标签元素位置的方法

本文实例讲述了jQuery简单获取DIV和A标签元素位置的方法。分享给大家供大家参考,具体如下: 一、获取DIV的位置 var top = jquery("#div_id").offset().top; //获取div的居上位置var left = jquery("#div_id").offset().left; //获取div的居左位置var height = jquery("#div_id").height(); //获取div的高度var width = jquery("#div_id").width(); //获取div的宽度jquery("#div_id").css({'top':top,'left':left,'height':height,'width':width}); //设置DIV的css属性 二、获取A标签的位置 a href="http://localhost/#" rel="external nofollow" onclick="javascript:get_a(this,1)"获取A标签的位置/ascript language="javascript"function get_a(thisObj,param){ var top = jquery(thisObj).offset().top; var left = jquery(thisObj).offset().left; var height = jquery(thisObj).height(); var width = jquery(thisObj).width();}/script 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jquery选……

网友NO.924921

jquery 为a标签绑定click事件示例代码

$(document).ready(function() {$("a[name='del']").click(function(){Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){if(button=='yes'){window.location.href="/admin/note!delete.action?id=${id}";}});});$("a[class='del2']").click(function(){Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){if(button=='yes'){window.location.href="/admin/note!delete.action?id=${id}";}});});});a name="del"删除/aa class="del2"删除2/a ……

网友NO.962893

使用JS或jQuery模拟鼠标点击a标签事件代码

a id="alink" href="abc.aspx" 下一步/a $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转 把 “下一步” 改为 “span id="spanId"下一步/span” 即给A标签中的文字添加一个能被jQuery捕获的元素,然后$("#spanId").click();,才可以触发页面跳转。……

<
1
>

Copyright 2018-2020 xz577.com 码农之家

本站所有电子书资源不再提供下载地址,只分享来路

版权投诉 / 书籍推广 / 赞助:QQ:520161757