• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

javascript – jquery 如何让a标签不执行跳转?

php 搞代码 4年前 (2022-01-25) 24次浏览 已收录 0个评论
文章目录[隐藏]

正常情况下,我给a标签的href 添加jacascript:; 就可以阻止它的点击事件
但是这次我是拿到了一个函数,我无法修改里面的href。因为我需要href的地址做ajax加载。
请问我如何设置才能让这个href执行onclick事件而不跳转呢?

回复内容:

正常情况下,我给a标签的href 添加jacascript:; 就可以阻止它的点击事件
但是这次我是拿到了一个函数,我无法修改里面的href。因为我需要href的地址做ajax加载。
请问我如何设置才能让这个href执行onclick事件而不跳转呢?

<code class="javascript">             var _this = $(this);             var subHref = _this.attr('href');             e.preventDefault();                        $.ajax({                 url: '1.html',                 data: formVal,                 type: post,                 dataType: 'json',                 success: function(res) {                     if (res.code == 200) {                         location.href = subHref;                     } else {                                 }                 }                 error: function() {                             }             });</code>

href=”javascript:;” onclick=”myfunction(“http://shabi.com&#8221;)”

这样写不就行了,地址非要写在href里吗
做函数参数传递吧

$(“a”).on(“click”,function(){

<code>return false;//想干嘛,干嘛</code>

})

js有个阻止默认行为的函数
e.preventDefault();
你试试可以嘛

其实点击a标签会跳转,是因为点击触发的函数默认返回true,因此当修改onclick函数的返回值为false时,将不会跳转。

<code>var a=document.getElementById("a_id");a.onclick=function(e){//do something for myselfreturn false;}</code>

执行函数只写return也可以不执行的

<code>var a=document.getElementB<i style="color:transparent">本¥文来源gaodai$ma#com搞$代*码*网(</i><strong>搞代gaodaima码</strong>yId("a_id");a.onclick=function(e){return;}</code>

在click事件里,直接

<code>return false;</code>

即可

<code></code>

搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:javascript – jquery 如何让a标签不执行跳转?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址