Javascript 为什么每次我点击标签页时，页面都会向上滚动一点？

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

我认为jQuery有问题

<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（）点击事件不会禁用锚元素的触发。在下面添加代码以禁用它

    jQuery('.tabs .tab-links li a').on('click', function(e) {  
      e.preventDefault();
    });

这是一个具有数据属性的简单解决方案。


见此：


Jquery

Hello@deLegeb，你能把这个
e.preventDefault（）
从底部改为顶部吗。另外，如果您的
链接有
#
，请将其删除。@saifudeenni我正在使用我的选项卡中的#in链接。是否有任何方法将我的选项卡标题链接到其内容？您可以使用
数据切换
属性。不需要
这需要引导，我没有在我的页面上使用引导我已经做了一个简单的解决方案，看到答案，使用了单击功能，但工作是基于数据属性控制台上是否有任何错误，如果没有，你能添加你的html代码吗？我以前有这个：

    jQuery('.tabs .tab-links li a').on('click', function(e) {  
      e.preventDefault();
    });

$('.wrapper ul li').find(' a').click(function(e){
    e.preventDefault();

    var dataShow = $(this).parent().find('.heading-c').data('show');
    $('.heading-c[data-show=' + dataShow  + ']').toggleClass('active');

  });