Question

由于jQuery Mobile中还没有标签，我正在尝试使用导航栏获得类似的效果。这是我的HTML代码：

<div data-role="navbar">
    <ul>
        <li><a data-page="desc" href="#" class="ui-btn-active">Description</a></li>
        <li><a data-page="reviews" href="#">Reviews</a></li>
        <li><a data-page="qanda" href="#">Q&amp;A</a></li>
        <li><a data-page="parts" href="#">Parts&amp;Services</a></li>
    </ul>
</div>

<div class="panes">
    <div data-page="desc">Howdy desc</div>
    <div data-page="reviews">Reviews</div>
    <div data-page="qanda">You gots questions?!</div>
    <div data-page="parts">Parts n stuff</div>
</div>

问题是，对于我的生活，我无法在iPad上启动任何点击处理程序。我已经尝试将$.click()附加到导航栏li，a标签.. NOTHING有效。它在桌面上工作正常，我可以检测点击，以显示/隐藏“窗格”div中的页面。但是在iPad（我们的目标）上，它什么也没做。完全被这里难住了。我错过了什么吗？

Answer 1

尝试使用tap事件，而不是点击：http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/api/events.html

尝试使用jQuery Mobile导航栏作为选项卡来显示/隐藏窗格

1 个答案: