Question

我有一个jquerymobile应用程序，我从一个HTML文件开始，现在正试图分割多个文件。

初始文件工作正常并转换到下一页很好;从那里虽然它崩溃了。从任何数据角色页面到同一文件中的另一个数据角色页面的链接都不起作用。

在下面的示例代码中，我尝试将ClientsPage页脚中的Add按钮链接到id为add_client的数据角色页面。部署到Android时没有任何反应。如果我在浏览器中运行相同的应用程序，它可以正常工作。

  <div data-role="page" id="ClientsPage">

    <div data-role="header">
      <h1>Clients</h1>
    </div><!-- /header -->

    <ul data-role="listview">
      <li><a>First Client</a></li>
      <li><a>Second Client</a></li>
    </ul>

    <div data-role="footer" class="ui-bar" data-position="fixed">
      <a href="#add_client" data-role="button" data-icon="plus">Add</a>
      <a href="index.html" data-role="button" data-icon="arrow-u">Up</a>
      <a href="index.html" data-role="button" data-icon="arrow-d">Down</a>
    </div>

  </div><!-- /page -->


  <!-- Start of add client -->
  <div data-role="page" id="add_client">

    <div data-role="header">
      <h1>Clients</h1>
    </div><!-- /header -->

    <div data-role="content"> 


      <label for="ac_company">Company:</label>
      <input type="text" name="name" id="ac_company" value=""/>

      <label for="ac_first_name">First Name:</label>
      <input type="text" name="first_name" id="ac_first_name" value=""/>

      <label for="ac_last_name">Last Name:</label>
      <input type="text" name="last_name" id="ac_last_name" value=""/>

      <label for="ac_email">Email:</label>
      <input type="text" name="email" id="ac_email" value=""/>

      <label for="ac_address">Address:</label>
      <input type="text" name="address" id="ac_address" value=""/>

      <label for="ac_city">City:</label>
      <input type="text" name="city" id="ac_city" value=""/>

      <label for="ac_state">State:</label>
      <input type="text" name="state" id="ac_state" value=""/>

      <label for="ac_zip">Zip:</label>
      <input type="text" name="zip" id="ac_zip" value=""/>

      <label for="ac_country">Country:</label>
      <input type="text" name="country" id="ac_country" value=""/>

      <label for="ac_phone">Phone:</label>
      <input type="tel" name="phone" id="ac_phone" value=""/>

      <a href="#MainPage" data-role="button">Login</a> 

      <p>Don't have an account? <a href="#RegisterPage">Register</a>.</p> 
    </div><!-- /content -->

    <div data-role="footer" class="ui-bar" data-position="fixed">
      <a href="index.html" data-role="button" data-icon="plus">Add</a>
      <a href="index.html" data-role="button" data-icon="arrow-u">Up</a>
      <a href="index.html" data-role="button" data-icon="arrow-d">Down</a>
    </div>

  </div><!-- /page -->

The rest of the code on GitHub

Answer 1

对我来说，你的代码看起来没问题。

您可以尝试找到使其在以下链接中起作用的过程。看到来源可以提供帮助。

http://jquerymobile.com/demos/1.0/docs/pages/multipage-template.html

jquerymobile在android上使用phonegap多个页面

1 个答案: