Question

在标题中，我正在努力解决我认为是一个微不足道的问题：当我点击上面提到的单选按钮时，从HTML Select标签列表中禁用选项。
我的代码确实有效，但当用户点击浏览器后退按钮时，我的函数不再被调用，因此现在可以从列表中选择以前禁用的选择器。根据{{3}}的建议，当我按下使用PHP的后退按钮时，我宁愿避免重新加载HTML页面。

这是我的Javascript代码：

$(function () {
    $("#radioButton1").on("click", function () {
        $("#selector3").prop("disabled", false);
    });

    $("#radioButton2").on("click", function () {
        var selector = $("#selector3");

        selector.prop("disabled", true);
        selector.css("background", "#dddddd");

        $("#orderByList").val("1");
    });
});

Answer 1

你能尝试使用$（function（）{}）之外的函数吗？块

<script>
$("#radioButton1").on("click", function () {
        $("#selector3").prop("disabled", false);
    });

    $("#radioButton2").on("click", function () {
        var selector = $("#selector3");

        selector.prop("disabled", true);
        selector.css("background", "#dddddd");

        $("#orderByList").val("1");
    });
</script>

绑定只能在标签中完成

Answer 2

我在this answer找到了一个有效的解决方案。

window.addEventListener("pageshow", function (event) {
    var historyTraversal = event.persisted || (typeof window.performance !== "undefined" && window.performance.navigation.type === 2);

    if ( historyTraversal ) {
        // Handle page restore.
        window.location.reload();
    }
});

Javascript：在浏览器后退按钮

2 个答案: