Question

我有两个html页面，我需要以全屏模式显示它，我已经有全屏模式的代码，但问题是，当我点击全屏模式，然后点击链接浏览另一个页面，全屏模式被转义，如何解决？

我需要Follwing：

1.导航到一个页面到另一个页面时，全屏模式继续。 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值并根据此用户最后选择的值设置视图

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

1 个答案: