标签显示在页面顶部

Question

我已经设置了标签，但是当我点击标签时会显示标签内容，但它也会将我带到页面顶部，我不希望这样。

这是我的代码......

$('.team-tab1').click(function() {
                $('#team-tab2-content,#team-tab3-content').css('display', 'none');
                $('#team-tab1-content').fadeIn();
                $(this).addClass('active');
                var width = $(this).outerWidth();
                $(this).children().css('left',(width/2) - 7);
                $('.team-tab2,.team-tab3').removeClass('active');
                return false;
            });

感谢您的帮助， ç

Answer 1

我最好的猜测是在你返回假之前失败了。您可以在开始时应用preventDefault（）来禁用click事件，但我认为还有其他一些我们需要研究的内容。

$('.team-tab1').click(function(event) {
     event.preventDefault();
     ...
});

至少我会将除法强制转换为强制整数并将其转换为字符串。

$(this).children().css('left', (Math.floor(width/2) - 7) + 'px');