Question

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

在safari和谷歌浏览器网页浏览器中，此功能非常完美，即可以使用以下方式加载正确的页面：

<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>

由于

jquery mobile #someLink无法在Android浏览器中运行

0 个答案: