0

アプリのナビゲーション メニューに jquery モバイル パネルを使用しようとしています。このメニューは、ページのメニュー ボタンをクリックすると表示されます。ドキュメントから、このメニュー パネルをすべてのページに追加する必要があることを理解しています。

私のページも実行時に追加されるため、作成時にページにメニュー パネルを挿入する必要があります。動作しない次のコードを使用しています。

var $menuElement = $("#menu");
if ($activePage.find($menuElement).length <= 0) {
    console.log("Adding menu");
    $menuElement.show().css({height:$(".fb-menu").find("li").size() * 5 + "px"});
    $menuElement.prependTo($activePage);
    $activePage.trigger('create');
    $activePage.trigger('update');
}

動的に追加されたページにメニュー パネルを追加する方法を知っている人はいますか?

4

1 に答える 1

0

このソリューションに関する私の他の回答を見てください: https://stackoverflow.com/a/15223926/1848600

これは、動的に追加する方法です。

$(document).on('pagebeforeshow', '[data-role="page"]', function(){                
    $('<div>').attr({'id':'mypanel','data-role':'panel'}).appendTo($(this));
    $('<a>').attr({'id':'test-btn','data-role':'button'}).html('Click me').appendTo('mypanel');
    $.mobile.activePage.find('#mypanel').panel();
    $(document).on('click', '#open-panel', function(){   
         $.mobile.activePage.find('#mypanel').panel("open");       
    });    
});

実際の例: http://jsfiddle.net/Gajotres/pZzrk/

于 2013-03-12T14:28:12.543 に答える