Twitter引导模式和Jquery Cookie插件

我试图让模态每周只弹出一次

我正在使用Wordpress和Roots主题，并正确地将脚本排队和注册

我的模态代码是

<div class="modal hide fade modalborder" id="myModal">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <div class="modal-body">
            <h2 class="modalheader">Header Here</h2>
            <p class="modalcoffee">Text here</p>
            <p class="modalcomesin">Text here</p>
        </div>
        <p class="modallearn">Text Here</p>
        <p class="modalready">Are you ready to <span class="modalstart">start</span>?</p>
        <a href="#" class="btn btn-info">Click Here</a>
    </div>
</div>

当前用于制作此节目的javascript非常有效：

<script type="text/javascript">
$(window).load(function(){
    $('#myModal').modal('show');
});
</script>

$（窗口）。加载（函数（）{
$（'myModal'）.modal（'show'）；
});

---

在这方面，我对jQuery和javascript知之甚少。我需要做些什么才能使cookies起作用？

首先，您需要包括以下内容：

那么下面的代码应该可以帮助您：

<script type="text/javascript">
$(function(){
    // If the cookie does not exist
    if ($.cookie('modalshow') === null) 
    {
       // Show the modal
       $('#myModal').modal('show');
       var expiryDate = new Date();
       var hours = 168;
       expiryDate.setTime(expiryDate.getTime() + (hours * 3600 * 1000));

       // Create cookie to expire in 168 hours (1 week)
       $.cookie("modalshow", "false", { path: '/', expires: expiryDate });
    }
});
</script>

$（函数（）{
//如果cookie不存在
if（$.cookie（'modalshow'）==null）
{
//显示模态
$（'myModal'）.modal（'show'）；
var expiryDate=新日期（）；
var小时数=168；
expireydate.setTime（expireydate.getTime（）+（小时*3600*1000））；
//创建将在168小时（1周）内过期的cookie
$.cookie（“modalshow”、“false”{path:'/'，expires:expireydate}）；
}
});

与@mccanff答案相同，但不使用外部LIB

if (document.cookie.indexOf("modalshow=true") < 0) {
    $('#myModal').modal('show');
    var expiryDate = new Date();
    var hours = 168;
    expiryDate.setTime(expiryDate.getTime() + (hours * 3600 * 1000));
    document.cookie = "modalshow=true; expires=" + expiryDate + "; path=/";
}

if（document.cookie.indexOf（“modalshow=true”）<0）{
$（'myModal'）.modal（'show'）；
var expiryDate=新日期（）；
var小时数=168；
expireydate.setTime（expireydate.getTime（）+（小时*3600*1000））；
document.cookie=“modalshow=true；expires=“+expireydate+”；path=/”；
}

复选框字段在哪里？此外，我认为您应该触发复选框的更改事件。

if (document.cookie.indexOf("modalshow=true") < 0) {
    $('#myModal').modal('show');
    var expiryDate = new Date();
    var hours = 168;
    expiryDate.setTime(expiryDate.getTime() + (hours * 3600 * 1000));
    document.cookie = "modalshow=true; expires=" + expiryDate + "; path=/";
}