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滑動面板不工作

回答

相關問題