Share - Public panel for multiple pages
Hi friends, I'm almost new to jquery mobile,and i got a little issues with my pages and their panel: I have a right panel inside a page looks like
- <div data-role="page" id="home" class="ui-responsive-panel">
- <div data-role="panel" data-position="right" data-position-fixed="false" data-display="reveal" id="my-right-panel" data-theme="b"></div>
- </div>
and the panel show up when swipeleft event fires. Later I add another panel
- <div data-role="page" id="pageAbout"></div>
Because the right panel is inside and owned by the page "home", so nothing happend when I swipe the document left. I understand the problem, but I want to have a solution to avoid the redundancy by adding another panel using the same panel code into page "pageAbout"
So, can I have a shared, public Panel for my multiple pages?