【发布时间】:2017-02-06 17:04:07
【问题描述】:
我试图在页面加载时显示引导模式(仅 1 次)并设置 7 天的 cookie。但是有些东西阻止了模态的出现。如果我不使用 jquery-cookie,模式就会出现。我做错了什么?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function() {
if ($.cookie('pop') == null) {
$('#myModal').modal('show');
$.cookie('pop', '7');
}
});
<div class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="myModal">
<div class="modal-dialog modal-md">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
test
</div>
</div>
</div>
【问题讨论】:
-
在 if 语句之前尝试
alert($.cookie('pop'));。如果在警告框中显示某些内容,则模式将不会显示为 $.cookie('pop') == null 将是 false,因此 if 语句将不会执行$('#myModal').modal('show');
标签: javascript jquery twitter-bootstrap cookies bootstrap-modal