Cookies 设置用于隐藏模式窗口和选择语言的cookie

Cookies 设置用于隐藏模式窗口和选择语言的cookie,cookies,modal-dialog,Cookies,Modal Dialog,我已经创建了一个模式窗口,在加载我的站点中的任何页面时显示。我正在使用此模式窗口进行语言选择。我希望用户能够通过单击“隐藏此窗口”按钮来隐藏(1个月)语言选择模式窗口 我使用模式窗口打开并加载外部文件中的内容,如下所示: jQuery(document).ready(function(){ //name, value, additional -- expire cookie in 30 days jQuery.colorbox({href:'/language.php', ifram

我已经创建了一个模式窗口,在加载我的站点中的任何页面时显示。我正在使用此模式窗口进行语言选择。我希望用户能够通过单击“隐藏此窗口”按钮来隐藏(1个月)语言选择模式窗口

我使用模式窗口打开并加载外部文件中的内容,如下所示:

jQuery(document).ready(function(){


//name, value, additional -- expire cookie in 30 days
    jQuery.colorbox({href:'/language.php', iframe:true, open:true, width:860, height:450})
});
这是带有语言选择菜单的外部文件:

<!DOCTYPE html>
<html lang="">
<head>
  <meta charset="utf-8">
    <title></title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="robots" content="" />
    <style>
        #lang-container {width: 100%}
        .halfregion {display: block; float: left; width: 50%;}
        .langblock {float: left; width: 40%; background: #ebebf1; margin: .5em; padding: 0.5em; height: 230px; text-align: center;}
    </style>
</head>
<body>
<div id="lang-container">
    <div class="halfregion">
        <h2>Choose your region</h2>
        <div class="langblock">
        <p style="text-align: center"><img src="/sites/all/themes/podsystem/images/en-us.png" width=80 alt="US region" /></p>
        <p>This site includes content and products for US, please select this region if you are in United States.</p>
        <p><a href="/en-us">US English</a></p>
        </div>
        <div class="langblock">
        <p style="text-align: center"><img src="/sites/all/themes/podsystem/images/en.png" width=80 alt="International English region" /></p>
        <p>Select this region if you are outside US.</p>
        <p><a href="/">English</a></p>
        </div>
        <p><a class="hidthis" href="#">Click here to stop showing this message</a></p>
    </div>
    <div class="halfregion">
        <h2>Elige tu regi&oacute;n</h2>
        <div class="langblock">
        <p style="text-align: center"><img src="/sites/all/themes/podsystem/images/es.png" width=80 alt="US region" /></p>
        <p>Selecciona esta region si hablas espa&ntilde;ol.</p>
        <p><a href="/es">Espa&ntilde;ol</a></p>
        </div>
        <div class="langblock">
        <p>We are working to improve your experience using our sites. Would you like to see other languages? Drop us a comment.</p>
        <p><a href="/contact-us/contact-form">Contact us</a></p>
        </div>
        <p><a class="hidthis" href="#">Pincha aquí para dejar de mostrar este mensaje.</a></p>
    </div>

</div>
</body>
</html>

#lang容器{宽度:100%}
.half区域{显示:块;浮动:左;宽度:50%;}
.langblock{float:左;宽度:40%;背景:#ebf1;边距:.5em;填充:0.5em;高度:230px;文本对齐:中心;}
选择你的地区

本网站为我们提供内容和产品,如果您在美国,请选择该地区

如果您不在美国,请选择此区域

Elige tu regió;N

哈布拉斯情报局和恩蒂尔德情报局;ol

我们正在努力提高您使用我们网站的体验。你想看其他语言吗?给我们留言

我现在真的被卡住了,当用户点击带有.hidthis类的链接时,我该如何关闭模式窗口

提前感谢。

的文档建议您可以将
$.colorbox.close()
附加到“启动关闭序列”的链接


如果您不再使用插件的功能,
$.colorbox.remove()
也可用于禁用该功能,但前提是您在页面生命周期内不再需要该功能。

我已解决此问题,谢谢。var setCookieTime=function(){var d=new Date();d.setTime(d.getTime()+(30*24*60*60*1000));var expires=“expires=”+d.toutString();console.log(expires);document.cookie=“regionSel=true;”+expires;parent.jQuery.fn.colorbox.close();}我在模板中也使用这个参数:var name=“regionSel=”;var ca=document.cookie.split(“;”);var regionSel;对于(var i=0;i