android - 并非所有导航按钮都适用 J​​Q Mobile

Question

这是我的

代码

即 index.html https://jsbin.com/milafep/edit?html,output .

概览

我在面板(“打开面板”)中有一个具有功能的菜单(6 个链接)问题是页面，准确地导航按钮来自 id #one #four 有效，但#five 和#six 无效。带有 <a> 的按钮标签。我使用 PhoneGap Build 版本 1。抱歉波兰语内容。我没有使用 data-ajax="false"在链接中。

问题

为什么？

注意事项

在 jsbin 上可以，但在设备上(Quantum 350 with Android 4.2.2)不能

回顾

4 个按钮有效，2 个无效

我认为它是一个

Answer 1

我注意到您在每个页面 DIV 中都有一个面板，并且所有面板都具有相同的 ID:id="myPanel"。

确保所有 id 属性在您的 HTML 文档中都是唯一的。

另见 HTML 规范第 7.5.2 节“元素标识符:id 和 class 属性”:https://www.w3.org/TR/html4/struct/global.html#h-7.5.2

<div data-role="panel" id="myPanel"> <!-- NB: ID must be unique-->
    <a href="#one" class="ui-btn">Autor</a><br>
    <a href="#two" class="ui-btn">Biorytm</a><br>
    <a href="#three" class="ui-btn">Skaner</a><br>
    <a href="#four" class="ui-btn">Uczelnia</a><br>
    <a href="#five" class="ui-btn">Urządzenie</a><br>
    <a href="#six" class="ui-btn">Extra</a>
</div>