0

我在使用 jQuery Mobile 时遇到了这个问题。当我登陆主页时，所有的 CSS 和 javascript 都可以正常工作。单击链接或按钮时，事件按预期工作。

但是在进入任何页面后说关于我们，然后刷新该特定页面，如果我们回到主页，一些 CSS 将丢失，并且 javascript 也不再工作，尽管链接工作正常。

回到主页后，简单的警报也不起作用。任何帮助表示赞赏。谢谢

4

2 回答 2

2

jQuery Mobile 中的标准 Ajax 导航只会检索<body>您正在导航到的页面。这意味着任何链接到/定义在后续页面标题中的 CSS 或脚本都将被忽略。这意味着用户加载的第一页的标题必须包含所有后续页面所需的所有样式/脚本。如果您刷新“关于”，这将成为您的初始页面，并且显然此页面的标题不包含与您的主页相同的内容。您可以更新您的标题或在链接中使用rel="external"或data-ajax="false"属性来禁用 JQM ajax 导航，并以更常规的方式导航到/从“关于”页面，整个页面将被加载。您可以查看此页面以获取更多详细信息。

于 2012-11-30T08:54:13.563 回答
0

转到另一个页面并刷新正在删除<body>.

尝试使用外部样式表以确保样式保持不变。

您的<body>刷新前：

<body style="background: -moz-linear-gradient(top, #E7E7E7, #121212); background: -webkit-gradient(linear, center top, center bottom, from(#E7E7E7), to(#121212));" class="ui-mobile-viewport ui-overlay-d">

而你<body>的刷新后：

<body class="ui-mobile-viewport ui-overlay-c">

此页内脚本也消失了，尝试将其移至外部脚本：

<script type="text/javascript">
            $(document).ready(function(){
                $(".second-tech").hide();
                $(".third-tech").hide();

                $("#mobileicon").click(function(){
                    if ($(".second-tech").is(':visible')) {

                       //... Lots more code...

                });
            });
        </script>
于 2012-11-29T12:41:30.067 回答