jQuery导航栏不工作?

时间:2011-07-04 12:00:30

标签: javascript jquery

在我的移动应用程序中,我使用导航栏。我使用测试版1。

<div data-role="navbar" id="navibar">
    <ul>
        <li><a href="#" id="searchNav1">Search</a></li>
        <li><a href="#" id="shoppingNav1">Shopping</a></li>
    </ul>
</div>

JS:

    $('#shoppingNav1').live("click",function() 
{
    alert("in");
    shopping();
    $.mobile.changePage("#shoppingListPage","pop", false, false);
    alert("");
});

当我点击它时,它会在桌面浏览器中更改页面,但不会在实际设备中更改

2 个答案:

答案 0 :(得分:0)

您应该传递一个对象而不是页面ID:

$.mobile.changePage($("#shoppingListPage"),"pop", false, false);

答案 1 :(得分:0)

'点击'绑定在手机上无法正常工作,因为iphone会生成触控事件。我们'点击'而不是“点击”