导航另一个页面时如何继续全屏模式？

Question

我有两个 html 页面，我需要在全屏模式下显示它，我已经有了全屏模式的代码，但问题是，当我点击全屏模式时，然后点击 link遍历另一页，全屏模式被转义，如何解决？

我需要以下：

当导航到另一页时，

1.Fullscreen 模式继续。 2. 同时，如果我点击正常模式，所有页面都会进入正常模式（反之亦然..）

全屏代码如下

<script type="text/javascript" src="fullscreen/jquery.fullsereen.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.open').click(function() {
                $('body').fullscreen();
            document.getElementById("fulls").style.cssText="display:none";
             document.getElementById("nor").style.cssText="display:show";
                return false;

            });

            $('.exit').click(function() {
                $.fullscreen.exit();
            document.getElementById("fulls").style.cssText="display:show";
            document.getElementById("nor").style.cssText="display:none";
                return false;

            });
        });
    </script>

请给个建议

Answer 1

如果您不想使用任何服务器端技术将数据从一个页面发送到另一个页面，您可以只使用这个 jQuery cookie 插件，它创建可以通过不同页面共享/访问的 cookie

https://github.com/carhartl/jquery-cookie

因此在每个页面的开头，您必须检查 cookie 值并根据该用户最后选择的值设置视图

导航另一个页面时如何继续全屏模式？

How to continues the Fullscreen mode , when navigate another page?

javascript

jquery

html

css

fullscreen