开发者社区> 问答> 正文

php页面js css刷新才加载,应该如何解决?

这是A页面

<!DOCTYPE html>
<html>
<head>
    <title>选择类别</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>  
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
    <link rel="stylesheet" href="index.css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    <script src="index.js"></script>
</head>
<body class="index-page">
    <a href="Calorie.php?type=1" data-ajax=“false”><img src="img/type1.png"/></a>
    <a href="Calorie.php?type=2" data-ajax=“false”><img src="img/type2.png"/></a>
    <a href="Calorie.php?type=3" data-ajax=“false”><img src="img/type3.png"/></a>    
</body>
</html>

跳转到Calorie.php后js和css都没有加载
用chrome调试后发现加载的是前一个页面的head,如下图
screenshot
实际页面的head如下图
screenshot
刷新后才加载。求解决啊

展开
收起
小旋风柴进 2016-03-09 15:28:30 2489 0
1 条回答
写回答
取消 提交回答
  • 注意属性引号的中英文状态,data-ajax的属性引号变中文了,所以用的ajax加载的页面,当然不会更改head的内容

        <a href="Calorie.php?type=1" data-ajax="false"><img src="img/type1.png" /></a>
        <a href="Calorie.php?type=2" data-ajax="false"><img src="img/type2.png" /></a>
        <a href="Calorie.php?type=3" data-ajax="false"><img src="img/type3.png" /></a>

    没有设置data-ajax="false"就会用ajax加载,你的代码属性双引号是中文状态的导致data-ajax无效所以使用了ajax加载,而不是直接跳转

    2019-07-17 18:56:16
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载