仅第一次显示jQmodal窗口
Show jQmodal window for the first time only
我正在使用jQmodal插件,以显示弹出窗口,欢迎来到网站。
但问题是每次页面刷新窗口弹出时。
这是我的代码http://jsbin.com/atoqe5/3/edit
我认为可以使用Cookie来完成,但不太了解如何使用。:(
谢谢!
您可以使用JavaScript设置cookie,并在第一次打开时将其设置为true。
这些只是用于设置和获取cookie值的帮助函数,以及有关设置和获取cookie值的更多信息。
function setCookie(name, value, daysToLive) {
var expirationDate = new Date();
expirationDate.setDate(expirationDate.getDate() + daysToLive);
document.cookie = name + '=' + escape(value) + ((daysToLive == null) ? '' : '; expires=' + expirationDate.toUTCString());
}
function getCookie(name) {
var cookies=document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
if (cookies[i].substr(0, cookies[i].indexOf('=')).replace(/^'s+|'s+$/g, '') == name) {
return unescape(cookies[i].substr(cookies[i].indexOf('=') + 1));
}
}
}
如果设置了值,则阻止模式打开:
$(function() {
if (!getCookie('modalOpened')) {
// Put your code to open the model here...
// Set value to true to prevent the modal from opening again
setCookie('modalOpened', true);
}
});
如果您使用php,您可以这样做:将每个页面作为第一行
<?php session_start(); ?>
在你的主页
<?php session_start();
if( $_SESSION['visited'] ){
//don't show the modal box
} else {
$_SESSION['visited'] = true;
//show modal box;
}
?>
此代码检查您是否已经访问了该会话中的页面,如果没有显示模式框,则将全局会话变量$_SESSION['visited']
设置为true
,这样您就可以确保用户已经访问了页面:)希望这对有帮助
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 防止Iframe窗体在新窗口中打开
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- Javascript排序的图像弹出窗口..可以't单独弹出
- 窗口大小html css
- 弹出窗口出现,然后退出
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- Javascript更新孙窗口中的表单元素
- 如何在选项卡上定义属性'的主窗口对象
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- 召回窗口加载事件 - javascript
- 为什么不显示警报窗口
- 如何使用modalDialog来显示可以在所有浏览器中工作的弹出窗口
- Chrome应用程序调整窗口大小保持纵横比
- 新选项卡被弹出窗口阻止程序阻止
- 如何访问UIWebView'的子窗口上下文
- 刷新父窗口后无法关闭窗口
- 需要会话脚本的帮助,只显示JQModal弹出窗口一次
- 仅第一次显示jQmodal窗口