Слайд-панель jQuery Mobile не работает

Я работаю над приложением 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, слайд-панель должна поддерживаться, но я не знаю, что идет наперекосяк.


person jigargm    schedule 03.02.2013    source источник
comment
Предупреждение о пролистывании работает нормально, поэтому с событием пролистывания проблем нет.   -  person jigargm    schedule 03.02.2013


Ответы (1)


Панели недоступны в jquery mobile 1.2.0. Это новая функция jquery-mobile 1.3. Вам необходимо обновиться до текущей бета-версии.

person movsky    schedule 03.02.2013