ich ein split view
mit dem JQuery mobile Phone gap
iPhone JQuery: Wie man eine geteilte Ansicht in iPad mit JQuery + Mobile Telefon Lücke in iPhone implementieren
Beispielcode inindex.html
umzusetzen versucht hatte,
<head>
<link rel="stylesheet" href="inc/jquery.mobile.structure-1.0.1.min.css" />
<link rel="stylesheet" href="inc/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" href="inc/resources/css/jquery.toastmessage.css" />
<script type="text/javascript" src="inc/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="inc/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="inc/phonegap-1.2.0.js"></script>
</head>
<body>
<div data-role="page" data-theme="c">
<div data-role="header">
Mpbile Split View
</div>
<div data-role="content">
<!--- Left side view------>
<div class="left-content">
<h3>lef hand content</h3>
<ul data-role="listview">
<li>One</li>
<li>One</li>
<li>One</li>
<li>One</li>
</ul>
</div>
<!--- Right side view------>
<div class="right-content">
<h3>Right hand content</h3>
<ul data-role="listview">
<li>Two</li>
<li>Two</li>
<li>Two</li>
<li>Two</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Aber es zeigt beide Blick auf derselben Seite eins nach dem anderen von oben nach unten unten
wie gezeigt Ich brauche zwei Tabellen split view
eine in der linken Seite (root view
) und andere in der rechten Seite (details view
)
Wie ist es möglich, jQuery zu verwenden? Vielen Dank im Voraus
Was in Ihrem CSS zu implementieren? – Grumpy