javascript - 我的脚本有什么错误？

Question

我有三个按钮 A、B、C。当我单击按钮 A 时，C 按钮应该隐藏（这不是问题），当我单击按钮 B 时，页面应该被刷新（history.go(0)），应该显示 C 按钮并且应该隐藏 B 按钮，我尝试使用以下代码，过程发生（即）C按钮显示，但B按钮没有隐藏（它只隐藏了几秒钟，然后突然显示）......

<script>
$(document).ready(function() {
    $("#A").click(function() {
        $("#C").hide()
    });

    $("#B").click(function() {
        history.go(0)
        $("#C").show();
        $("#B").hide();         
    });
});

</script>

可能是，由于页面刷新，它会显示按钮 B，但我不确定。建议我一些想法来克服这个问题。提前致谢

Answer 1

试试这个答案

$(document).ready(function() {

    $("#C").show();

    $("#B").hide();

    $("#A").click(function() {
        $("#C").hide();
        $("#B").show();
    });

    $("#B").click(function() {
        history.go(0)

    });
});

Answer 2

只需在文档开头设置默认值

$(document).ready(function() {

    $("#C").show();
    $("#B").hide();         

    $("#A").click(function() {
        $("#C").hide()
    });

    $("#B").click(function() {
        history.go(0)
    });
});

Answer 3

history.go(0)是页面刷新，您如何期望在页面处于新状态的页面刷新时发生单击操作。

可能会调用 $("#C").show(); $("#B").hide();页面加载并 $("#B").click刷新页面。

$(document).ready(function() {

 $("#C").show();

 $("#B").hide();


    $("#A").click(function() {
        $("#C").hide()
    });

    $("#B").click(function() {
        history.go(0)

    });
});

Answer 4

问题是您正在刷新页面然后进行隐藏。当你刷新一个页面时，你取消了所有的 js 执行，因此 history.go(0) 之后的代码根本不会执行。

Answer 5

当浏览器解释 history.go() 时，您的页面会被刷新，并且脚本的其余部分不会执行。