Как связать страницы с Framework7?

Question

Я экспериментирую с Framework7 с этим интересным приложением для чата, которое я пытаюсь сделать с помощью превью для PhoneGap. Дело в том, что я никогда раньше не использовал Framework7, и мне сложно связать страницы вместе на моей главной странице.

У меня есть строка текста с тегом <a href="">, которую я хочу связать с формой для регистрации людей и создания их профилей в приложении. Я создал отдельный файл html, который я пытался связать с <a href="signup.html">, потому что это то, что показали примеры, которые вы можете сделать, но когда я его тестирую, это не сработает, инспектор хрома дает мне такую ​​обратную связь:

framework7.min.js:23 XMLHttpRequest cannot load file:...Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Ниже приведен мой код, а последняя строка внизу - это то, что я пытаюсь связать с страницей с подробным описанием формы, любая помощь очень ценится.

<!-- Status bar overlay for full screen mode (PhoneGap) --> 
    <div class="statusbar-overlay"></div> 
    <!-- Views --> 
    <div class="views"> 
     <!-- Your main view, should have "view-main" class --> 
     <div class="view view-main"> 
      <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes--> 
      <div class="pages navbar-through toolbar-through"> 
       <!-- Page, "data-page" contains page name --> 
       <div data-page="index" class="page"> 
        <!-- Scrollable page content --> 
        <div class="page-content login-screen-content"> 
         <div class="login-screen-title"><img src="img/logo.png" width="130px" height="130px"></div> 
         <div class="login-screen-title">Welcome to<br>J Chat</div> 
         <p class="tour-content" style="text-align: center">Login below to get started!</p> 
         <form> 
         <div class="list-block"> 
          <ul> 
           <li class="item-content"> 
            <div class="item-inner"> 
             <div class="item-title label">Email</div> 
             <div class="input-inner"> 
              <input type="text" name="email" placeholder="E-Mail"> 
             </div> 
            </div> 
           </li> 
           <li class="item-content"> 
            <div class="item-inner"> 
             <div class="item-title label">Password</div> 
             <div class="input-inner"> 
              <input type="password" name="password" placeholder="Password"> 
             </div> 
            </div> 
           </li> 
          </ul> 
         </div> 

         <div class="list-block"> 
          <ul> 
           <li> 
            <a href="home.html" class="button button-intro login ripple">Login</a> 
           </li> 
          </ul> 
         </div> 

         <!-- Link to another page --> 
         <div class="list-block" style="margin-top: 1em;"> 
          <p class="tour-content"> 
           Don't have an account yet?<br> 
           <a href="signup.html">Click here</a> to sign up! 
          </p> 
         </div> 

        </form> 


       </div> 
       </div> 
      </div> 

      </div> 
     </div> 

Answer 1

Является ли ваш файл на вашем локальном сервере? Если вы сжали папку и построили ее с разрывом в телефоне, на вашем устройстве будут работать ссылки. Однако, если вы просматриваете на рабочем столе, вы должны поместить папку dist на свой локальный сервер. Я использую Apache, поэтому я поместил папку dist в папку htdocs, а затем переместился к ней из своего браузера и это работает для меня.