Javascript 忽略 if 语句

Question

我对 Javascript 有点陌生。我试图做到这一点，以便单击一个页面上的图像会将您带到一个新页面，并在该新页面上显示特定的 div，因此我使用 sessionStorage 来记住并使用 bool 值来跟踪正在单击的图像。现在，无论单击哪个图像，代码始终执行第一个 if 语句。这段代码在普通java中工作正常，所以我无法弄清楚为什么我的if语句在javascript中被忽略。我还尝试在末尾添加“else”，并尝试===。这是我的 javscript，谢谢!

 sessionStorage.clickedLeft;
 sessionStorage.clickedMiddle;
 sessionStorage.clickedRight;

         function openedProjectFromGallery() {
    if(sessionStorage.clickedLeft) {
        $(".left-project-pop-up").show();
    } else if (sessionStorage.clickedMiddle) {
        $(".middle-project-pop-up").show();
    } else if (sessionStorage.clickedRight) {
        $(".right-project-pop-up").show();
            }
    sessionStorage.clickedLeft = false;
    sessionStorage.clickedMiddle = false;
    sessionStorage.clickedRight = false;
}

   $("document").ready(function () {


   $(".pop-up .x-button").click(function(){
    $(".pop-up").hide();
});

   $(".project-description .x-button").click(function(){
    $(".project-pop-up").hide();

});

$(".left-project-thumb img").on("click", ".left-project-thumb img", function(){
    sessionStorage.clickedLeft = true;
    sessionStorage.clickedMiddle = false;
    sessionStorage.clickedRight = false;
    openedProjectFromGallery();
});

$(".profile-left-project img").click(function(){
    $(".left-project-pop-up").show(1000);

});

$(".middle-project-thumb img").on("click", ".middle-project-thumb img", (function(){
    sessionStorage.clickedMiddle = true;
    sessionStorage.clickedLeft = false;
    sessionStorage.clickedRight = false;
    openedProjectFromGallery();

});

$(".profile-middle-project img").click(function(){
    $(".middle-project-pop-up").show(1000);

});

$(".right-project-thumb img").on("click", ".right-project-thumb img", (function(){
    sessionStorage.clickedRight = true;
    sessionStorage.clickedLeft = false;
    sessionStorage.clickedMiddle = false;
    openedProjectFromGallery();

});

$(".profile-right-project img").click(function(){
    $(".right-project-pop-up").show(1000);

});


  });

Answer 1

您正在 document.ready 中定义函数openedProjectFromGallery()。在 document.ready 之外定义它，并在代码顶部为您的三个 bool 值提供一些初始值(如果未使用某些值初始化或它们为空)。我希望这会有所帮助。