Create Bedingung, wenn Sitzungsspeicher arbeiten sollte

Question

Ich verwende den folgenden Code. Dadurch wird eine Meldung angezeigt, wenn sich das Fenster im Hochformat befindet. Wenn auf das "X" geklickt wird, verschwindet die Nachricht und kehrt nicht innerhalb derselben Sitzung zurück.

Dies funktioniert jedoch gut, wenn das Fenster vor dem Klicken auf "X" aktualisiert/neu geladen wird, sollte die Meldung dennoch angezeigt werden, wenn das Fenster auf Hochformat eingestellt ist. Erst nachdem das "X" angeklickt wurde, sollte die Nachricht nicht mehr in derselben Sitzung erscheinen.

Können Sie bitte helfen?

See Example Here!

$(document).ready(function() { 
    var data = sessionStorage.getItem('isfirst'); 
    if (data == undefined) { 
     $("#warning-message").addClass("shown-modal"); 
     sessionStorage.setItem('isfirst', 'true'); 
    } else { 
     $("#warning-message").hide(); 
    } 
}); 
//close the pop 
$("#landscape-button").on('click', function() { 
    $("#warning-message").hide(); 
}); 

Answer 1

Wenn Sie nur die Session-Variablen wollen nach einem Klick auf ‚X‘ gesetzt werden, sollten Sie einfach sessionStorage.setItem('isfirst', 'true'); innerhalb der auf Klick-Funktion von #landscape-button bewegen.

$(document).ready(function() { 
    var data = sessionStorage.getItem('isfirst'); 
    if (data == undefined) { 
     $("#warning-message").addClass("shown-modal"); 
    } else { 
     $("#warning-message").hide(); 
    } 
}); 
//close the pop 
$("#landscape-button").on('click', function() { 
    sessionStorage.setItem('isfirst', 'true'); 
    $("#warning-message").hide(); 
});