我期待用好 jquerymobile </跨度> splitview的插件。
我使用了asyraf9的插件(http://asyraf9.github.io/ jquerymobile </跨度> -splitview /)我的旧版本,但最新版本 jquerymobile </跨度> 不…由插件支持。
要求-
页面看起来应该是这样的http://asyraf9.github.io/ jquerymobile </跨度> -拆分视图/应该只显示iPhone上的左侧内容,并显示左侧和右侧就在ipad上什么时候 …
我最终编写了自定义代码来实现这一目标。
在iPad视图中,它会发出一个AJAX get请求来更新右侧的div。
在iPhone中,当单击左侧的项目时,它会导航到其他页面。
@media all and (min-width: 0px) and (max-width: 800px) { .leftsidePart { clear:both; width:100%; } .rightsidePart { display:none; } } @media all and (min-width:800px){ .leftsidePart { float:left; width:30%; } .rightsidePart { float:right; width:65%; } }