tôi đã cố gắng thực hiện một split view
sử dụng JQuery mobile Phone gap
iPhone JQuery: Làm thế nào để thực hiện một cái nhìn chia trong iPad sử dụng Jquery Mobile + chênh lệch điện thoại trong iPhone
mẫu mã trongindex.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>
Nhưng nó cho thấy cả hai quan điểm trên cùng một trang từng người một trên xuống dưới như hình dưới đây
tôi cần hai bảng như split view
một ở bên trái (root view
) và khác ở bên phải (details view
)
có thể sử dụng jQuery bằng cách nào? cảm ơn trước
Whats trong css của bạn? – Grumpy