Vij*_*jay 6 iphone jquery ipad jquery-mobile cordova
我曾试图推行split view使用JQuery mobile Phone gap
示例代码 index.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>
Run Code Online (Sandbox Code Playgroud)
但它如上图所示,从上到下依次显示同一页面上的两个视图

我需要两个表作为一个在左侧()和另一个在右侧()split view root viewdetails view
怎么可能使用jQuery?提前致谢
小智 1
您可以使用http://jeromeetienne.github.com/jquery-mobile-960/并将其与该网格分开。
如果您了解 960.gs 或任何其他 css 网格框架,这对您来说会很容易。上述站点有使用演示。
| 归档时间: |
|
| 查看次数: |
6396 次 |
| 最近记录: |