不要在每个页面上都打开模式

Do not open modal on every page

本文关键字：模式      更新时间：2023-09-26

我已经开发了这个运行良好的代码。

问题是，它加载在每个页面，即使我关闭它。有没有一种方法，也许是基于cookie的，可以在一段时间内保持关闭状态?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript">                                         
$(document).ready(function() {                         
 $("#ModalMessage").dialog({modal: true, autoOpen : true});  
});
</script>

将此方法添加到您的HTML文件中。

var createCookie = function(name, value, days) {
    var expires;
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    }
    else {
        expires = "";
    }
    document.cookie = name + "=" + value + expires + "; path=/";
}
function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = document.cookie.length;
            }
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}

然后，你可以在关闭对话框中这样设置:

createCookie("closed", "1", 30);

加载页面:

$(document).ready(function() {                         
    if(getCookie("closed") != ""){
        //show my dialog box;
        $("#ModalMessage").dialog({modal: true, autoOpen : true}); 
    }
});

关于createCookie和getCookie的更多信息在这里

相关文章：