Javascript 如何向此弹出代码中添加一个一次性函数?
我昨天问了这个问题,但我没有使用足够的细节。我有这个弹出代码,但我不知道如何修改它的一次只行动Javascript 如何向此弹出代码中添加一个一次性函数?,javascript,popup,Javascript,Popup,我昨天问了这个问题,但我没有使用足够的细节。我有这个弹出代码,但我不知道如何修改它的一次只行动 $(函数(){ var overlay=$(''); overlay.show(); overlay.appendTo(document.body); $('.popup').show(); $('.close')。单击(函数(){ $('.popup').hide(); appendTo(document.body).remove(); 返回false; }); $('.x')。单击(函数(){
$(函数(){
var overlay=$('');
overlay.show();
overlay.appendTo(document.body);
$('.popup').show();
$('.close')。单击(函数(){
$('.popup').hide();
appendTo(document.body).remove();
返回false;
});
$('.x')。单击(函数(){
$('.popup').hide();
appendTo(document.body).remove();
返回false;
});
});代码>
#覆盖{
位置:固定;
排名:0;
左:0;
宽度:100%;
身高:100%;
背景色:#000;
过滤器:α(不透明度=70);
-moz不透明度:0.7;
-khtml不透明度:0.7;
不透明度:0.7;
z指数:100;
显示:无;
}
.223 a{
文字装饰:无;
}
.弹出窗口{
宽度:100%;
保证金:0自动;
显示:无;
位置:固定;
z指数:101;
}
.223{
最小宽度:600px;
宽度:600px;
最小高度:150px;
保证金:100像素自动;
背景:#f3;
位置:相对位置;
z指数:103;
填充:15px 35px;
边界半径:5px;
盒影:0 2px 5px#000;
}
.223页{
明确:两者皆有;
颜色:#555555;
字体大小:20px;
字体系列:无衬线;
}
.223便士{
颜色:#d91900;
字体大小:粗体;
}
.cnt223.x{
浮动:对;
高度:35px;
左:22px;
位置:相对位置;
顶部:-25px;
宽度:34px;
}
.cnt223.x:悬停{
光标:指针;
}
重要通知
我们受到隔壁火灾的影响,将继续关闭,直到另行通知。
不确定我是否完全理解您所说的在页面加载时仅显示一次模式的意思。您是否希望模式仅在第一次页面加载时显示,而不在任何后续页面加载时显示?如果是这样,那么您可以使用localStorage
实现这一点,如下所示
<script type='text/javascript'>
$(function () {
if (!localStorage['show-popup']) {
var overlay = $('<div id="overlay"></div>');
overlay.show();
overlay.appendTo(document.body);
$('.popup').show();
$('.close').click(function () {
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});
$('.x').click(function () {
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});
localStorage['show-popup'] = disable
}
});
</script>
$(函数(){
如果(!localStorage['show-popup']){
var overlay=$('');
overlay.show();
overlay.appendTo(document.body);
$('.popup').show();
$('.close')。单击(函数(){
$('.popup').hide();
appendTo(document.body).remove();
返回false;
});
$('.x')。单击(函数(){
$('.popup').hide();
appendTo(document.body).remove();
返回false;
});
本地存储['show-popup']=禁用
}
});
你所说的:只修改一次是什么意思。我怎样才能使它继续下去;为个人加载页面时,y显示一次。然后再也没有了?这个问题一直困扰着我。我试着自己修好,但没用。是的,这就是我需要的。我尝试实现它,但由于某些原因,它无法访问本地存储。