仅在第一次时显示 jQmodal 窗口

发布于 2024-11-16 00:34:57 字数 227 浏览 3 评论 0原文

我正在使用 jQmodal 插件，显示弹出窗口，欢迎来到网站。

但问题是每次刷新页面都会弹出窗口。

这是我的代码 http://jsbin.com/atoqe5/3/edit

我认为它可以可以使用 Cookie 来完成，但不太了解如何使用它。：（

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

椵侞 2024-11-23 00:34:57

您可以使用 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);
    }
});

You could set a cookie with JavaScript and set it to true when it's opened for the first time.

These are just helper functions for setting and getting cookie values, more info about setting and getting cookie values.

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));
        }
    }
}

Prevent the modal from opening if the value is set:

$(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);
    }
});

回复收藏 0 原文

人│生佛魔见 2024-11-23 00:34:57

如果您使用 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，这样您就可以确定用户已经访问过该页面:)
希望这有帮助

If you are using php you can do something like this: put in each page as first line

<?php session_start(); ?>

and in you homepage

<?php session_start();
  if( $_SESSION['visited'] ){
      //don't show the modal box
  } else {
      $_SESSION['visited'] = true;
     //show modal box;
  }
?>

This code check if you already visited the page in this session, if you don't shows the modal box, then set the global session variable $_SESSION['visited'] to true, so you can be sure the user have already visited the page :)
hope this helped

回复收藏 0 原文

~没有更多了~