0

我在我的网站上检查了 IE,如果正在使用 IE,它会在 3 秒超时后弹出一个模态窗口,建议用户获取 chrome 或 firefox。还有一个“继续,风险自负”的按钮。基本上我想要实现的是使用 localStorage 来确定用户是否已经看到了模态,方法是让它在模态之前触发两件事:

第一:查看localStorage项是否已经存在

如果存在:不显示模态

如果它不存在:显示模态,然后保存localStorage项,以便下次访问它不会再次显示。

我知道如何使用 Javascript 来做到这一点,但不幸的是,我对 jQuery 还是很陌生,所以对我来说它仍然有点像 moosh。如何通过添加或修改以下代码来实现我的目标:

   <!--[if lt IE 10]>
        <script type="text/javascript">
            $(window).load(setTimeout(function(){
                $('#ieModal').modal('show');
            },3000));
        </script>
    <![endif]-->

感谢您的时间。

4

2 回答 2

0

你可以做这样的事情

   <!--[if lt IE 10]>
        <script type="text/javascript">
            $(window).load(setTimeout(function(){
                if(!check_if_localStorage_item_exists()) {
                  //it doesn't exist!
                  $('#ieModal').modal('show'); //Lets show the modal
                  create_localStorage_item();
                 }
            },3000));
        </script>
    <![endif]-->

然后您可以使用 javascript 对 localStorage 方法进行编码,您还可以使用 cookie,这对于旧版浏览器可能是一个更好的解决方案。

于 2012-08-01T15:54:11.593 回答
0

简单地说,您可以在 Jquery 中使用 cookie。转到以下 URL,您将看到一个处理 cookie 的 Jquery 插件。Cookies 与所有浏览器兼容。 http://archive.plugins.jquery.com/project/Cookie

于 2012-08-01T16:10:36.217 回答