Question

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

我使用asyraf9的插件（http://asyraf9.github.io/jquerymobile-splitview/）作为旧版本，但插件不支持最新版本的jquerymobile。

要求 -

页面应如下所示 http://asyraf9.github.io/jquerymobile-splitview/
只能在iPhone上显示左侧内容，并显示左侧和右侧在ipad上
在iPad视图中，它应仅显示左侧部分，并从左侧导航 - ＆gt;单击列表项右键。
我无法使用Panel创建splitview，因为我已经在使用幻灯片菜单面板。

我可以使用JQM 1.3+的现有插件吗？

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

提前致谢..

Answer 1

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

在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%;
    }
}

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

1 个答案: