había tratado de poner en práctica un split view
utilizando el código de ejemplo JQuery mobile Phone gap
iPhone JQuery: Cómo implementar una vista dividida en iPad usando jQuery Mobile + brecha de teléfono en iPhone
enindex.html
<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>
Pero muestra tanto en la vista en la misma página, uno por uno arriba a abajo como se muestra a continuación
Necesito dos tablas como split view
una en el lado izquierdo (root view
) y otro en el lado derecho (details view
)
¿cómo es posible usar jQuery? gracias de antemano
¿Qué hay en el CSS? – Grumpy