-1
jquerymobile面板跨頁
我想爲每個頁面做一個相同的面板菜單。
,因爲面板菜單對於每個頁面都是相同的內容。
我該怎麼辦?或任何建議?
我的示例代碼是由以下 jquerymobile面板跨頁面?
<!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