jquery mobile#someLink在android浏览器中不工作

我正在创建一个基本的html5 jquery移动网页，它使用3个jquery移动网页，用户可以根据单击的href导航到这些网页

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

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

类型：

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

出于某些bizare原因，此调用在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>

项目类型



项目详细信息


项目详细信息标题


类型：


某个领域
E3E

---

谢谢

很久以前我也遇到过同样的问题，在android设备上使用标签会给浏览器带来错误。让我检查一下我是如何解决它的，它与此问题类似：您是否使用

$.mobile.changePage（）

？Gok，是的，我无法在android中使用#someLink。我尝试了上面的脚本u posted ie$（'ul a'）。on（'click'，function（e）{e.preventDefault（）；$.mobile.changePage（$（this.attr（'href'），{transition:'flip'）；}）；除非我漏掉了什么，否则它就不起作用了？

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>