Question

我正在使用以下代码。这会在窗口处于纵向模式时显示消息。当＆＃34; X＆＃34;单击，消息将消失，并且不会在同一会话中返回。

这很有效，但是，在甚至单击＆＃34; X＆＃34;之前刷新/重新加载窗口时，当窗口大小为纵向模式时，仍应显示该消息。只有在＆＃34; X＆＃34;如果该消息不再出现在同一会话中，则单击该消息。

你能帮帮忙吗？

$(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

如果您只想在点击“X”后设置会话变量，则只需在sessionStorage.setItem('isfirst', 'true');的点击功能中移动#landscape-button。

$(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();
});

在会话存储应该工作时创建条件

1 个答案: