Saya sedang mengerjakan aplikasi Phonegap + jQuery Mobile + Android, dan saya mencoba menambahkan fitur panel slide jQuery mobile dengan mengikatnya ke acara gesek. Saya menggunakan jQuery Mobile 1.2.0 dan tampaknya panel slide tidak didukung menurut entri LogCat.
Ini cuplikan kode saya:
<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 -->
Dan file .js:
$('#home-page').live('pageshow',function(){
$('#home-page').swiperight(function(){
alert("swiped");
$('#menu-panel').panel("open");
});
});
Dan inilah entri kesalahan 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
Menurut dokumen resmi jQuery Mobile, panel slide harus didukung tetapi saya tidak tahu apa yang rusak.