Javascript 每节课一次模态显示
我有一个模态向导,它在我的页面中显示指令。我想在每个会话中显示一次模式 这是我的密码Javascript 每节课一次模态显示,javascript,php,codeigniter,Javascript,Php,Codeigniter,我有一个模态向导,它在我的页面中显示指令。我想在每个会话中显示一次模式 这是我的密码 <div class="modal fade" id="wizardmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="docum
<div class="modal fade" id="wizardmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Add Property</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Smart Wizard HTML -->
<div id="smartwizard">
<ul>
<li><a href="#step-1">Step 1<br /><small>Add Property</small></a></li>
<li><a href="#step-2">Step 2<br /><small>Type of Property</small></a></li>
</ul>
<div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
当我重新加载页面时,模式会自动显示。我该怎么办?用于跟踪该会话中是否向用户显示了它
$(window).on('load',function(){
if (!sessionStorage.getItem('shown-modal')){
$('#wizardmodal').modal('show');
sessionStorage.setItem('shown-modal', 'true');
}
});
用于跟踪是否已在该会话中向用户显示
$(window).on('load',function(){
if (!sessionStorage.getItem('shown-modal')){
$('#wizardmodal').modal('show');
sessionStorage.setItem('shown-modal', 'true');
}
});
已经回答了
您可以使用jQuery Cookie:
$(document).ready(function() {
var dialogShown = $.cookie('dialogShown');
if (!dialogShown) {
$(window).load(function(){
$('#wizardmodal').modal('show');
$.cookie('dialogShown', 1);
});
}
});
或浏览器的本地存储:
$(document).ready(function() {
var dialogShown = localStorage.getItem('dialogShown')
if (!dialogShown) {
$(window).load(function(){
$('#wizardmodal').modal('show');
localStorage.setItem('dialogShown', 1)
});
}
});
已经回答了
您可以使用jQuery Cookie:
$(document).ready(function() {
var dialogShown = $.cookie('dialogShown');
if (!dialogShown) {
$(window).load(function(){
$('#wizardmodal').modal('show');
$.cookie('dialogShown', 1);
});
}
});
或浏览器的本地存储:
$(document).ready(function() {
var dialogShown = localStorage.getItem('dialogShown')
if (!dialogShown) {
$(window).load(function(){
$('#wizardmodal').modal('show');
localStorage.setItem('dialogShown', 1)
});
}
});
使用会话变量检查会话是否已启动。使用会话变量检查会话是否已启动。