如何升級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？

回答

相關問題