如何升级jQuery Mobile Splitview？

我有一个旧的jQuery Mobile Splitview应用程序，需要隐藏左侧的菜单。如何升级jQuery Mobile Splitview？

更新：在Chrome浏览器在本地主机上查看应用程序，并进入检查菜单查看手机视图：它的着陆页是好的，显示内容和菜单正确折叠。直到我登录或单击菜单进入任何子菜单。菜单不见了，我不得不使用手机后退或前进。

我的问题是

如何隐藏在左边的菜单（如果仍然使用SPLITVIEW）？
或者是否有任何东西可以替代为jQuery Mobile Splitview还没有活动5年。似乎没有与其他人的支持。

通过Chrome在本地主机视图中查看着陆页的图片。

但上传时，Heroku的，直到我们点击它回家只显示菜单。

以下我相信是关于这个问题的代码。

!!! 5 
%html 
    %head 
    %meta(name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1") 
    = stylesheet_link_tag "application" 
    = javascript_include_tag "application" 
    = render :partial => "layouts/metatag" 
    - if GMAP 
     = javascript_include_tag "http://maps.google.com/maps/api/js?sensor=false" 
    %body 
    = render :partial => "mindapp/menu" 
    %div{"data-id" => "main", "data-role" => "panel", "data-backbtn"=>"false"} 
     - if @cache 
     - cache = {} 
     - else 
     - cache = {"data-cache"=>"never"} 
     - if @backbtn 
     - backbtn= {"data-backbtn"=>"true"} 
     - else 
     - backbtn= {"data-backbtn"=>"false"} 
     %div{{"data-role" => "page"}.merge(cache) } 
     %div{{"data-role" => "header"}.merge(backbtn)} 
      %h1= @title || DEFAULT_TITLE 
     %div{"data-role" => "content"} 
      = yield 
     = render :partial => "mindapp/static" 
:javascript 
    $(document).on("pagehide", 'div', function(e,ui) { 
    var page = $(e.target); 
    if(page.attr('data-cache') == 'never') { 
     page.remove(); 
    }; 
    }); 
    $(document).on("pagechange", function(){ 
    $.get("/mindapp/ajax_notice", function(r) {$(r).appendTo('head').remove()}); 
    var meta = $(".content").text(); 
    if (!meta) { 
     meta = "Mindapp Tools to create visual programming using mindmap" 
    } 
    $('meta[name=description]').attr('content', meta); 
    }); 
/= raw handle_ma_notice

来源

2017-05-25 T.Kul

你应该使用一个Panel，其中页面内容是响应式的。 [这里是一个演示]（http://jsfiddle.net/e6Cnn/38/） – deblocker

好吧会尝试Thk –

这似乎是视口不工作，除非我移动它，让它刷新部分文件。在mycase中，我有_metatag.html.erb中的所有元标签，然后工作。

我还有另一个需要解决的功能。如何隐藏左侧菜单并使内容100％。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta name="robots" content="follow, all" /> 
    <meta name="language" content="en, th" /> 
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1">

来源

2017-05-26 07:05:02

如何升级jQuery Mobile Splitview？

回答

相关问题