0

我正在创建一个基本的 html5 jquery 移动网页，该网页使用 3 个 jquery 移动页面，用户可以根据点击的 href 导航到其中。

在 safari 和 google chrome 网络浏览器中，此功能完美运行，即它将使用以下方法加载正确的页面：

<li>
    <h3>Type:</h3>
    <h4><a href="#itemTypeList" data-role="button" data-icon="arrow-r" data-iconpos="right">Select Type</a></h4>
  </li>

在这种情况下，它将加载与上述调用 Web 请求调用的代码位于同一 html5 文件中的 #itemTypeList 页面。

出于某种奇怪的原因，这个调用确实适用于 android webview。它从不显示甚至尝试显示#itemTypeList 页面

这是 itemType 页面

<div data-role="page" id="itemTypeList">
  <div data-role="header" data-inset="true" data-position="fixed" data-theme="b" > <a href="" onclick="history.back(-1); return false;">Back</a>
    <h1>Item type</h1>
  </div>
  <div data-role="content">
    <ul data-role="listview" data-inset="true"  data-scroll="true" id="itemtypeList">
      <li><a href="hello1.html">hello 1</a></li>
      <li><a href="hello2.html">hello 2/a></li>
    </ul>
  </div>
</div>
</div>

这是最初显示的原始内容页面

div data-role="page" id="mainPage">
  <div data-role="header" data-inset="true" data-position="fixed" data-theme="b" > <a href=""  onclick="history.back(-1); return false;">Back</a>
    <h1><span style="margin-left:1em">Item Detail</span></h1>
  </div>
  <div data-role="content">
    <ul data-role="listview" id="itemFieldslist" data-inset="true"  data-scroll="true" >
      <li data-role="list-divider">
        <h2>Item Detail Title</h2>
      </li>
      <li>
        <h3>Type:</h3>
        <h4><a href="#itemTypeList" data-role="button" data-icon="arrow-r" data-iconpos="right">Select Type</a></h4>
      </li>
      <li>
        <h3>Some Field</h3>
        <h4>e3e3e3e</h4>
      </li>
    </ul>
  </div>
</div>

谢谢

4

0 回答 0