简单模态 |首次访问年龄验证 |关闭但没有 cookie

Question

我一直在尝试让 SimpleModal 年龄验证页面在第一次访问我的网站时弹出。意思是如果以前的网站不是我显示弹出窗口。下面的代码是我到目前为止所拥有的。基本上问题是，当我单击链接时，我会无缘无故地弹出一次。我也找不到押韵或理由。我从这里的人那里得到了很多关于这段代码的帮助。我会走得更远，然后会弹出一个问题，然后我会修复它，然后会弹出另一个问题。我希望我离这里很近。 ;)

谢谢大家！

<div class="age" id="verify"> 
    <div><img src="/image/white.png"></img></div>
    <div id="noman">ARE YOU OVER 18?</div>
    <div> 
      <p> If not, leave now and we wont tell your mom.
        </br>  By continuing you agree you are 18 or older.
      </p>
    </div>
    <div id="YN">
      <a href="javascript:redirect(window.location.href);" id="old">Yes</a>
        &nbsp;&nbsp;&nbsp;&nbsp;
      <a href="http://www.poo.com" rel="nofollow" id="young">No</a>
    </div>
</div>

<script>
$(document).ready(function(){
if ( document.referrer == null || document.referrer.indexOf(window.location.hostname) < 0 ) {
$("#verify").modal({opacity:85, position: ["20%",""], onOpen: function (dialog) {
    dialog.overlay.fadeIn('slow', function () {
        dialog.container.slideDown('slow', function () {
            dialog.data.fadeIn('slow');
            return false;
        });
    });
}});
}
});
</script>

<script type="text/javascript" >            
function redirect(url) {
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
        var referLink = document.createElement('a');
        referLink.href = url;
        document.body.appendChild(referLink);
        referLink.click();
    } else {
        location.href = url;
    }
}
</script>

Answer 1

问题是你使用document.referrer，但应该避免使用它。

例如，我使用 Firefox 的 about:config 页面禁用了它。

或者即使启用，它也不适用于window.open。

那么，最好使用sessionStorage（或localStorage）之类的东西。