jQuery触发<a>标签的点击事件后URL不跳转的解决办法

最新推荐文章于 2021-04-27 11:10:30 发布
最新推荐文章于 2021-04-27 11:10:30 发布
阅读量351 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/OpenCoder/p/5069698.html
版权

有HTML代码如下：

<a id="workFrame" href="pages/work.html" target="FrameBox">首页</a>

 

jQuery想实现a标记的点击跳转到a标记href指向的页面

$("#workFrame").click();

 

但是发现这样是实现不了的，但加了<span>标记之后，以其为热键，这样就能够实现了：

<a href="pages/work.html" target="FrameBox"><span id="workFrame">首页</span></a>

 

转载于:https://www.cnblogs.com/OpenCoder/p/5069698.html

anyi2404
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
用链接标签触发onclick事件而不跳转
butterflydream的专栏
11-04 3748
整理自：http://www.javaeye.com/topic/287377 在web页面开发时，我们经常会遇到下列情况：1.一个标签仅仅是要触发onclick行为；2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。比如执行删除操作时，为了避免误操作，我们要弹出对话框让用户确定是否删除。因此我们经常会用链接形式代替 触发onclick事件。 代
基于jquery trigger函数无法触发a标签的两种解决方法
10-18
然而，直接使用jQuery的`trigger()`函数来触发`<a>`标签的`click`事件并不总是有效，尤其是当我们的目的是使页面进行URL跳转时。这是因为`trigger()`函数并不处理`<a>`标签的默认行为，如打开新页面或刷新当前页面。...
使用jquery模拟a标签的click事件无法实现跳转的解决
10-17
主要给大家介绍了关于使用jquery模拟a标签的click事件无法实现跳转的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
a标签响应onclick事件，并且不执行href动作
QDY5945的博客
11-14 634
1、javascript:void(0)相当于一个死链接，href不执行 <a href="javascript:void(0)" onclick="doSomething()">链接</a> 2、...
a标签click后，JS函数中使用location.href无法跳转
qq_42724600的博客
06-22 281
已解决：http://www.shuchengxian.com/article/246.html
a jquery 标签点击不跳转_使用jquery模拟a标签的click事件无法实现跳转的解决
weixin_39637571的博客
12-21 314
问题描述最近在使用jquery模拟a标签的click事件，无法触发其默认行为。即click()或trigger('click')无法触发href跳转。去卡咪官网$('#aBtn').click();//无法跳转，不生效$('$aBtn').trigger('click');//同样无法跳转，不生效下面就来一起分析下其原因与解决方法吧问题原因jquery内部实现click或trigger方法时，并未...
jquery 为a标签绑定click事件示例代码
12-10
总结来说，这段代码展示了如何利用 jQuery 为 `<a>` 标签绑定 `click` 事件，并结合确认对话框实现安全的删除操作。这个例子不仅涉及到 jQuery 的事件绑定，还涉及到动态 URL 和用户交互的确认流程，这些都是前端...
使用JS或jQuery模拟鼠标点击a标签事件代码
10-26
首先，我们来看看常规情况下如何使用JavaScript和jQuery触发a标签的点击事件。在HTML中，a标签通常用来定义超链接，用户可以通过点击这些链接来跳转到其他页面或触发某些脚本。例如，下面的a标签指向一个名为"abc....
ajax动态为a标签href赋值不执行跳转的原因分析及解决
10-27
本文将探讨如何动态为a标签的href属性赋值，并分析为什么有时候这种方式并不触发页面跳转的深层原因，同时提供相应的解决策略。 首先，要理解AJAX的异步特性是问题的关键所在。在使用jQuery等JavaScript库进行AJAX...
a标签href不跳转几种方式
L_JLJL的博客
05-03 5273
标签属性href，使其指向空或不返回任何内容。如：&lt;a href="javascript:void(0);" &gt;点此无反应javascript:void(0)&lt;/a&gt;&lt;a href="javascript:;" &gt;点此无反应javascript:&lt;/a&gt;原理: void 操作符指定超级链接标签事件onclick，阻止其默认行为。如：&lt;a hre
a jquery 标签点击不跳转_jquery怎么让a标签不跳转？
weixin_39693437的博客
12-21 550
jquery让a不跳转的方法：1、jquery中可以通过attr()方法设置a标签中的href属性为“#”来使a标签不跳转$(document).ready(function () {$("a").each(function () {var textValue = $(this).html();if (textValue == "XX概况" || textValue == "服务导航") {//修...
a jquery 标签点击不跳转_jquery如何才可以让a标签不跳转
weixin_39703468的博客
12-21 1181
jquery如何才可以让a标签不跳转发布时间：2020-11-11 10:05:18来源：亿速云阅读：75作者：小新这篇文章给大家分享的是有关jquery如何才可以让a标签不跳转的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。jquery让a不跳转的实现方法：1、通过“event.preventDefault();”语句阻止打开新页面；2、通过live方法禁用a标签；3、...
js设置a标签href不跳转 禁止跳转
热门推荐
Talk is cheap, show me the code!
04-24 2万+
转自： http://www.cnblogs.com/lipanpan/p/4095524.html1.方法当页面中a标签不需要任何跳转时，从原理上来讲，可分如下两种方法：1.标签属性href，使其指向空或不返回任何内容。如：<a href="javascript:void(0);" >点此无反应javascript:void(0)</a><a href="javascript:;" >点此无反应
jQuery模拟点击a标签不跳转解决办法
m0_52376209的博客
04-27 661
jQuery模拟点击a标签不跳转链接（学习记录） html代码： <div class="main_top_search"> <input type="text" name="input" id="input" value="搜索..." /> <a href="pie.html" target="iframe_a" id="search"> <img src="../static/img/search.png"
jquery 判断 重定向url_jQuery的：更改URL地址而不重定向？
weixin_39623750的博客
12-19 179
注意：history.pushState()现在受支持-请参阅其他答案。您不能在不重定向的情况下更改整个url，而是可以更改hash。该散列是＃符号后进入的URL的一部分。最初的目的是将您(本地)定向到HTML文档的各个部分，但是您可以通过javascript读取和修改它，以使其像全局变量一样使用。如果应用得当，此技术可通过两种方式使用：浏览器历史记录将记住您执行的每个不同步骤(因为url + h...
html,js,jquery 使当前链接不跳转、不刷新；
开发技术资料收藏专栏
09-29 1887
<!-- onclick = "javascript:;" 这两种效果一样，表示当前页面不跳转、不刷新 onclick = "javascript:void(0);" 不跳转 或 不跳转 表示a标签链接是，浏览器地址无#，且不跳转； -->
a jquery 标签点击不跳转_如何解决点击A链接不跳转页面却能改变href值
weixin_42399388的博客
12-30 888
有时候可能有这样的需求，当我点击a链接的时候，不需要实现跳转但是可以改变href中的值。有人会问为什么要用a,为什么不使用其他的标签呢。我只能说我的需求就是这样的。刚拿到这个问题，我觉得可以用javascript:void(0);防止跳转，但是问题来了，我还要重新的赋值href,当我点击的时候还是会把javascript:void(0);改掉，再次的点击就会跳转。终于找到了解决的方法。在a标签上面...
jquery mobile 使用button 跳转界面
最新发布
07-13
<a href="目标页面的URL" data-role="button">跳转</a> ``` 注意：需要在按钮的`<a>`标签上添加`data-role="button"`属性，以使按钮样式生效。 方法二：使用JavaScript代码 使用JavaScript的`window.location.href`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值