当我加载页面时,应该会显示弹出窗口。但是当我刷新页面时,弹出窗口不应该在那里。 '
$('body').addClass('stop-scrolling');
$('#fade').css('display','block');
$('#light').css('display','block');
`
fade and light class 用于淡化屏幕,光线会从上侧滑动。现在,如果我刷新页面,这个灯箱将再次出现在屏幕上。我已将这段代码放在就绪函数中,这就是为什么每次刷新页面时它都会显示。该怎么做才能使其仅在页面加载时按时显示。防止它在我每次刷新页面时出现。 提前致谢
最佳答案
使用这样的东西
$(document).ready(function () {
if (localStorage.getItem('wasVisited') !== undefined) {
$('#fade').hide();
$('#light').hide();
} else {
localStorage.setItem('wasVisited', 1);
$('body').addClass('stop-scrolling');
$('#fade').show();
$('#light').show();
}
});
关于javascript - 灯箱弹窗不应该再出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21723645/