jQuery选项卡无法使用w / .hide（）和.show（）

Question

$('#tab-1').show();
$('#tab-2').hide();
$('#tab-2').click(function() {
    $('#tab-1').hide();
    $('#tab-2').show();
});

为什么这不起作用？当我点击tab-2的id时，它会将＃tab-2附加到URL，但不会显示内容。

Answer 1

您需要将return false;添加到该点击方法，否则它将继续并尝试导航到名为＃tab-2的页面上的某个位置（＃字符最初是为了允许链接到相同的HTML文档）

$('#tab-2').click(function() {
    $('#tab-1').hide();
    $('#tab-2').show();
    return false;
});

或者您可以传递一个事件并使用preventDefault（）

$('#tab-2').click(function(e) {
    e.preventDefault();
    $('#tab-1').hide();
    $('#tab-2').show();
});

然而，上述评论仍然有效。如果你隐藏＃tab-2，你怎么能点击它？您的HTML中是否有拼写错误？