Question

当我尝试加载这两个页面时，第二页在单击时无法加载整个CSS设计，但是初始页面可以加载。我正在使用jquery mobile在同一页面上加载两个页面。我在开发Cordova Android应用程序时无法在此处重新创建错误。所以我的问题是，每次加载第二页时，它不会加载整个CSS，并且只显示一半的CSS设计。如何在第二页上加载整个CSS？

/*********************************
COMPONENTS
*********************************/

body{
  font-family: core_sans_c35_light, Helvetica, sans-serif;
  font-weight: normal;
  /*font-size: 1.2vw;*/
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: red;
  font-size: 40vw;
  
}
body,p {
  font-size: 20vw;
}

 
 
 <html>
 <head>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
    <link rel="stylesheet" href="css.css">

    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

 </head>
 <body    
    <div data-role="page" id="pageone">
      <a href="#pagetwo">Go to Page two</a>
               
                this is page 1

    </div>
            
    <div data-role="page" id="pagetwo">
      <a href="#pageone">Go to Page one</a>
            
                this is page o2 

 </div>

   </body>
   </html>

jQuery mobile无法加载具有相关CSS的第二页吗？

0 个答案: