Question

我正在使用jsfiddle中的代码在用户第一次访问我的网站时生成弹出窗口。

我想修改警报并将其转换为Bootstrap模式，而不是无聊的弹出窗口。

这是现有警报

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

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

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

Answer 1

以下是您的modal代码

<强> DEMO HERE

<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;
    }
...

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

首次使用cookie访问网站时会弹出显示

2 个答案: