-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