jQuery Mobile滑动面板不工作

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

这里是我的代码片段：

<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的文档，应该支持滑动面板，但我不知道会发生什么事情。

来源

2013-02-03 jigargm

“滑动”警报工作正常，所以滑动事件没有问题。 – jigargm

面板在jquery mobile 1.2.0中不可用。它们是jquery-mobile 1.3的一项新功能。您需要更新到当前的测试版。

来源

2013-02-03 13:29:52 movsky

jQuery Mobile滑动面板不工作

回答

相关问题