jQuery选项卡不适用于.Hide()和.show()

Question

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

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

Answer 1

您需要将选项卡添加到该单击方法中，否则它将一直执行并尝试导航到页面上名为# return false; -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中有没有拼写错误？