Question

我正在开发一个Phonegap + jQuery Mobile + Android应用程序，我试图通过将它绑定到一个滑动事件来添加jQuery mobile的幻灯片面板功能。我正在使用jQuery Mobile 1.2.0，似乎根据LogCat条目不支持幻灯片面板。

这是我的代码段：

<div data-role="page" id="home-page"> <!-- Home page -->
    <div data-role="panel" id="menu-panel"> <!-- panel -->
        <p>Panel</p>
    </div><!-- panel -->
    <div data-role="header" data-position="fixed"> <!-- Header -->
        <h1>Home</h1>
    </div> <!-- Header -->
    <div data-role="content"> <!-- Content -->
        <p>What do you want to do ?</p>
    </div> <!-- Content -->
</div> <!-- Home page -->

和.js文件：

$('#home-page').live('pageshow',function(){
   $('#home-page').swiperight(function(){
       alert("swiped");
       $('#menu-panel').panel("open");
   });
});

这是LogCat错误条目：

02-03 18:34:31.616: E/Web Console(389): TypeError: Result of expression '$('#menu-panel').panel' [undefined] is not a function. at file:///android_asset/www/home.js:4

根据官方jQuery Mobile文档，应该支持幻灯片，但我不知道会发生什么事情。

Answer 1

jquery mobile 1.2.0中没有面板。它们是jquery-mobile 1.3的新功能。您需要更新到当前的测试版。

jQuery Mobile幻灯片无法正常工作

1 个答案: