モバイル アプリケーションの index.html と individual.html に 2 つの html ページがあります。Index.html ページには多くの仮想ページが含まれています。individual.html ページにボタンがあります。index.html の仮想ページにリンクしたいと考えています。
出来ますか?
それはどのように正確に行うことができますか?
助けてください、
ありがとう
モバイル アプリケーションの index.html と individual.html に 2 つの html ページがあります。Index.html ページには多くの仮想ページが含まれています。individual.html ページにボタンがあります。index.html の仮想ページにリンクしたいと考えています。
出来ますか?
それはどのように正確に行うことができますか?
助けてください、
ありがとう
individual.html
次のように、でリンクされたボタンを作成できます。
<a data-role="button" rel="external" href="index.html#your_virtual_page">BUTTON</a>
index.html
これはあなたのファイルと可能性のあるものの実際の例ですindividual.html
:
- index.html
:
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
</head>
<body>
<div id="home" data-role="page">
<div data-role="content">
HOME
</div>
</div>
<!-- THE VIRTUAL PAGE THAT WE WANT TO ACCESS FROM individual.html -->
<div id="p2" data-role="page">
<div data-role="content">
PAGE 2!!!
</div>
</div>
</body>
</html>
- individual.html
:
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
</head>
<body>
<div id="home" data-role="page">
<div data-role="content">
<!-- YOUR LINK TO YOUR VIRTUAL PAGE IN index.html -->
<a data-role="button" rel="external" href="./index.html#p2">TO PAGE 2</a>
</div>
</div>
<div id="p1" data-role="page">
<div data-role="content">
P1
</div>
</div>
</body>
</html>
これが仲間に役立つことを願っています。