第一次访问网站时使用cookie显示弹出

Question

当用户第一次访问我的站点时，我正在使用jsfiddle中的代码来生成弹出。

我想修改警报，并把它提交到一个引导模式，而不是一个无聊的弹出。

这是现有的警报

 alert("Your Message Goes here and you only get to see it once!");

http://jsfiddle.net/TWB68/1/

如何将此警报修改为执行相同操作的模式/ div？

Answer 1

下面是您的modal代码

这里的演示

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div id="myModal" class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Welcome Message</h4>
      </div>
      <div class="modal-body">
        <p>Your Message Goes here and you only get to see it once!</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

而不是alert，在下面添加以下内容

$("#myModal").modal("show");

Answer 2

在模态内容中创建一个div，然后在div上使用.html分配它，例如：

...
if (visit == null) {
        //alert("Your Message Goes here and you only get to see it once!");
        $('#div_inside_modal').html('Your Message Goes here and you only get to see it once!');
        var expire = new Date();
        expire = new Date(expire.getTime() + 7776000000);
        document.cookie = "cookie=here; expires=" + expire;
    }
...

当然，你需要在页面加载上显示模态。