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

Posted 2023-02-22

【中文标题】jquerymobile 1.3.X - splitview 的任何最新插件

【英文标题】：jquerymobile 1.3.X - Any latest plugins for splitview

【发布时间】：2014-02-23 08:58:54

【问题描述】：

我希望为 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 中的右侧内容。

提前谢谢..

【参考方案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%;