javascript - 当我更改屏幕尺寸时，我的 javascript 变量值出错

Question

这是我的变量page，当我点击#next按钮时它会改变，当我执行console.log时它就成功完成了>.

$(document).ready(function (event) {
alert();
var page = "blank";
$(".billing-information").css("display", "none");
$(".services-information").css("display", "none");
$("#next").click(function () {
    page = "services";
    console.log(page);
    $(".personal-information").css("display", "none");
    $(".services-information").css("display", "block");
    nextFromPersonalInformationCss();
})
$(".back-from-billing").click(function () {
    page = "services"
    console.log(page);
    $(".services-information").css("display", "block");
    $(".billing-information").css("display", "none");
    backFromBillingCss();

})
$(".back-from-service").click(function () {
    page = "personal-ionformation";
    console.log(page);
    $(".personal-information").css("display", "block");
    $(".services-information").css("display", "none");

   backFromServicesCss();

})
$(".next-from-service").click(function () {
    page = "billing"
    console.log(page);
    $(".services-information").css("display", "none");
    $(".billing-information").css("display", "block");

     nextFromServicesCss();

})

现在我的问题是，当我更改屏幕尺寸时，它总是会给我“个人信息”值，这意味着在更改屏幕尺寸时它不会保持稳定

   $(window).resize(function () {
        var width = $(window).width();
      //  alert(width);
        if (width <= 767) {
            console.log(page);
            if (page = "personal-ionformation") {
           //     alert("p")
                $(".personal-detail").css("display", "block");
                $(".services").css("display", "none");
                $(".billing").css("display", "none");
            }
            else if (page == "services") {

Answer 1

在if(page=“personal-ionformation”)中，您正在执行一项始终返回 true 的作业，请将其更改为 if (page == "personal-ionformation")。它可能会起作用。