jquerymobile 1.3.X - splitview 的任何最新插件

Question

我希望为 splitview 使用一个好的 jquerymobile 插件。

我的旧版本使用了 asyraf9 的插件 (http://asyraf9.github.io/jquerymobile-splitview/)，但该插件不支持最新版本的 jquerymobile。

要求-

• 页面应如下所示 http://asyraf9.github.io/jquerymobile-splitview/

• 在 iPhone 上应该只显示左边的内容，在 ipad 上显示左右

• 当在 iPad 视图中时，它应该只显示左侧部分，并在单击列表项时从左侧 -> 右侧导航。

• 我无法使用面板来创建拆分视图，因为我已经在使用面板来制作幻灯片菜单。

是否有任何现有的插件可以与 JQM 1.3+ 一起使用？

注意 - 类似问题（由其他人提出）被标记为重复 - https://*.com/questions/19504645/any-solutions-out-there-for-splitview-in-jquery-mobile-1-3-x。我知道浮动和媒体查询等概念，但需要一个处理 javascript 的插件来导航到 iPhone 中的右侧内容。

提前谢谢..

Answer 1

我最终编写了自定义代码来实现这一点。

在 iPad 视图中，它发出 AJAX 获取请求以更新右侧的 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%;
    }
}