-1
jquerymobile panel cross page
Я хочу сделать одно и то же меню панели для каждой страницы.
, потому что меню панели - это одно и то же содержимое для каждой страницы.
Как мне это сделать? или какие-нибудь предложения?
Мой пример кода, следуя jquerymobile panel cross page?
<!DOCTYPE html>
<html>
<head>
\t <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
\t <link href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css">
\t <title></title>
</head>
<body>
\t <div data-role="page" id="status">
\t \t <div data-role="header" data-theme="b">
\t \t \t <h1>Access Point Status</h1>
\t \t \t <a class="ui-btn" data-rel="back" style="background:none;">back</a>
\t \t \t <a class="ui-btn ui-btn-right" style="background:none;" href="#left-menu">menu</a>
\t \t </div>
\t \t <div id="left-menu" data-role="panel" data-position="left">
\t \t \t <a class="ui-btn" href="#status">STATUS</a>
\t \t \t <a class="ui-btn" href="#A">A</a>
\t \t </div>
\t \t <div data-role="content" class="ui-content" data-theme="e">
\t \t </div> \t \t
\t \t </div>
\t </div>
\t <div data-role="page" id="A">
\t \t <div data-role="header" data-theme="b">
\t \t \t <h1>PAGE A</h1>
\t \t \t <a class="ui-btn " data-rel="back" style="background:none;">back</a>
\t \t \t <a class="ui-btn ui-btn-right" style="background:none;" href="#left-a">menu</a>
\t \t </div>
\t \t <div id="left-a" data-role="panel" data-position="left">
\t \t \t <a class="ui-btn" href="#status">STATUS</a>
\t \t \t <a class="ui-btn" href="#A">A</a>
\t \t </div>
\t \t <div data-role="content" class="ui-content" data-theme="e">
\t \t </div>
\t </div>
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
\t <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</html>
сожалею о моей меньшей информации, на самом деле я хочу, чтобы эффект был добавлен в примерный код. страница # и страница # A используйте одно и то же меню панели и выполните действие. – Willy