Jquery 预防默认不工作：每当我单击底部选项卡时，窗口就会跳到顶部

我有两个标签导航，可以同步工作。 但每当我单击底部选项卡时，窗口就会跳到顶部。我不知道他们是否使用相同的类名

HTML:

<!-- TOP TAB  -->
<section id="registerTabsContainer">

    <ul class="tabs">
        <li><a href=".tabViewer">Are you a Viewer?</a></li>
        <li><a href=".tabBusiness">Are you a Business?</a></li>
        <li><a href=".tabPlatform">Are you a Platform?</a></li>
    </ul>

    <!-- TOP CONTENT  -->
    <div class="registerTabsContent tabViewer">
        <h1>Register as a Viewer</h1>
    </div>

    <div class="registerTabsContent tabBusiness">
        <h1>Register as a Business</h1>
    </div>

    <div class="registerTabsContent tabPlatform">
        <h1>Register as a Business</h1>
    </div>

    <!-- BOTTOM  TAB  -->
    <section id="tourSummaryTabsContainer">

        <ul class="tabs">
            <li><a href=".tabViewer">Are you a Viewer?</a></li>
            <li><a href=".tabBusiness">Are you a Business?</a></li>
            <li><a href=".tabPlatform">Are you a Platform?</a></li>
        </ul>

        <!-- BOTTOM  CONTENT  -->
        <div class="tourSummaryTabsContent tabViewer">
            <h1> Viewer content Bottom</h1>
        </div>

        <div class="tourSummaryTabsContent tabBusiness">
            <h1>Register as a Business</h1>
        </div>

        <div class="tourSummaryTabsContent tabPlatform">
            <h1>Register as a Business</h1>
        </div>

---

你使用的是奇怪的href。也许您可以在JS控制台中使用data href而不是hrefNo error？这就像你遇到了一个语法错误，破坏了你的脚本。你能在JSFIDLE中重新创建它吗？在chrome上的FIDLE中工作：在我这边没有测试的情况下，我相信它是滚动到顶部的，因为你删除了内容，页面大小很小，所以它会向上移动。然后显示另一部分，滚动条保持在顶部。若要查看这是否为真，请将显示行移到hide（）行上方，然后只调用show（）而不是fade。它会跳吗？

$(document).ready(function () {
// tabs  script
$('li:eq(0) a', '.tabs').addClass('active');
$('.registerTabsContent:not(:first), .tourSummaryTabsContent:not(:first)').hide();

$('.tabs li a').click(function(e) {
    e.preventDefault();

    if (!$(this).hasClass('active')) {
        $('a.active').removeClass('active');
        var i = $(this).parent().index();
        $('li:eq(' + i + ') a', '.tabs').addClass('active');

        $('.registerTabsContent, .tourSummaryTabsContent').hide();
        var t = $(this).attr('href');
        $(t).fadeIn('slow');
        return false;
    }

});
});