第一次只想展示bootstrap模式
第一次只想展示bootstrap模式
提问于 2017-05-12 01:59:23
这里我想做的是，当任何用户第一次来到我的页面时，我想在这个页面中显示模式，假设用户想要第二页，然后再次来到第一页，模式也不应该显示，我尝试了很多，但我无法得到答案，任何帮助我
$(document).ready(function() {
var isshow = localStorage.getItem('isshow');
if (isshow== null) {
localStorage.setItem('isshow', 1);
// Show popup here
$('#myModal').modal('show');
}
else{
alert('else part');
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>My First Bootstrap Page</h1>
<!--<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>-->
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
回答 1
Stack Overflow用户
发布于 2017-05-12 13:57:19
请检查此小提琴链接。Fiddle Link你的代码运行得很好，使用本地存储也很好。
$(document).ready(function() {
var isshow = localStorage.getItem('isshow');
if (isshow === null) {
localStorage.setItem('isshow', 1);
// Show popup here
$('#myModal').modal('show');
} else {
alert('else part');
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43922578
复制相关文章
相似问题
腾讯云开发者
