首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么每次我点击我的标签,页面都会向上滚动一点?

为什么每次我点击我的标签,页面都会向上滚动一点?
EN

Stack Overflow用户
提问于 2018-10-09 08:49:19
回答 1查看 102关注 0票数 3

下面是我的jQuery,为什么每次我点击我的标签,页面都会向上滚动一点?

我觉得jQuery有问题...

代码语言:javascript
运行
复制
<script>
//jQuery for the loan calculator tab
jQuery(document).ready(function() {
jQuery('.tabs .tab-links a').on('click', function(e) {
    var currentAttrValue = jQuery(this).attr('href');

    // Show/Hide Tabs
    jQuery('.tabs ' + currentAttrValue).show().siblings().hide();

    // Change/remove current tab to active
    jQuery(this).parent('li').addClass('active').siblings().removeClass('active');

    e.preventDefault();
   });
});
</script>

我尝试添加此代码片段以检查e.preventDefault()是否正常工作

代码语言:javascript
运行
复制
e.preventDefault();
alert("Was preventDefault() called: " + event.isDefaultPrevented());

但是警告框没有出现。

EN

回答 1

Stack Overflow用户

发布于 2018-10-09 09:48:18

e.preventDefault(); on li click事件不会禁用锚点元素的触发。在下面添加代码以禁用它。

代码语言:javascript
运行
复制
    jQuery('.tabs .tab-links li a').on('click', function(e) {  
      e.preventDefault();
    });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52711874

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档