刷新jquery mobile后样式和javascript不起作用
我在使用jQuery Mobile时遇到了这个问题。当我登陆主页时,所有的CSS和javascript都可以正常工作。单击链接或按钮时,事件将按预期工作 但是在进入任何一个页面之后,如果我们回到主页,就会发现一些CSS已经丢失,javascript也不再工作了,尽管链接可以正常工作 返回主页后,简单警报也不起作用。刷新jquery mobile后样式和javascript不起作用,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,我在使用jQuery Mobile时遇到了这个问题。当我登陆主页时,所有的CSS和javascript都可以正常工作。单击链接或按钮时,事件将按预期工作 但是在进入任何一个页面之后,如果我们回到主页,就会发现一些CSS已经丢失,javascript也不再工作了,尽管链接可以正常工作 返回主页后,简单警报也不起作用。 感谢您的帮助。谢谢转到另一页,刷新将删除中的所有内联样式 尝试使用外部样式表以确保样式保持不变 刷新前,您的: <body style="background: -moz-li
感谢您的帮助。谢谢转到另一页,刷新将删除
中的所有内联样式
尝试使用外部样式表以确保样式保持不变
刷新前,您的
:
<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 class="ui-mobile-viewport ui-overlay-c">
以及刷新后的
:
<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 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>
$(文档).ready(函数(){
$(“.second tech”).hide();
$(“.third tech”).hide();
$(“#移动电话”)。单击(函数(){
如果($(“.second tech”).是(“:可见”){
//…更多的代码。。。
});
});
jQuery Mobile中的标准Ajax导航将仅检索您导航到的页面的
。这意味着链接到/定义在后续页面标题中的任何CSS或脚本都将被忽略。
这意味着用户加载的第一个页面的标题必须包含所有后续页面所需的所有样式/脚本。
如果您刷新“关于”,这将成为您的初始页面,显然,此页面的标题不包含与主页相同的内容。
您可以更新标题,也可以在链接中使用rel=“external”
或data ajax=“false”
属性来禁用JQM ajax导航,并以更常规的方式导航到“about”页面或从“about”页面导航,整个页面将在其中加载。
您可以查看更多详细信息。您的正文上有很多内联样式,您没有使用单独的CSS脚本有什么原因吗?@agryson原因是我的索引页正文应用了不同的样式,其他页面标记了不同的样式。然后使用类或id确保它只适用于正确的页面,例如lke
class=“主页面”
不,不起作用,我尝试将其放入不同的文件中,但仍然是同一个错误。链接已更新,您可以查看代码的页面源代码。我本来想粘贴一些代码,但我不知道问题出在哪里我刚刚测试了链接,现在工作正常…场景测试:单击“关于->刷新->单击主页”,是javascript吗我不工作了还是别的什么?现在我可以得到css了,因为我已经把索引页面中使用的样式表放在了我刷新过的页面中。但是我把索引页面所需的javascript放在了这两个页面中(索引和正在刷新的页面),但是javascript不工作。对此有什么想法吗?我给出了数据ajax=“false”在其他页面中。现在它可以工作了,但是转换效果没有像前面提到的那样发生。谢谢:)另外,document ready在ajax中从一个页面导航到另一个页面时不会工作。您需要绑定到