在jQuery Mobile中隱藏標題

在我的jQuery Mobile應用程序（MVC4模板）中，我需要完全隱藏特定頁面上的標題（它有一張我想填滿屏幕的地圖）。爲了做到這一點，我認爲標題需要將數據全屏屬性設置爲「true」。在jQuery Mobile中隱藏標題

我管理按照此問題給出的建議實現上述在一定程度上： -

How to set header to full screen mode in jQuery Mobile?

然而，它僅工作，如果報頭具有與數據全屏屬性被設置爲「真正的「，這是不希望的，因爲它會導致標題」跳躍「，當它加載每個頁面時，從全屏幕變爲固定，也因爲我只希望標題全屏\隱藏在一頁上，其餘頁面頭只需要保持不變。

這裏是（在頭與數據全屏設置爲true）預期的效果： -

http://jsfiddle.net/Gajotres/HCcUe/

在這裏，你可以看到它不工作，如果你沒有數據全屏=「真」

http://jsfiddle.net/sidd92/QcgMZ/

這是我自己的代碼至今： -

_la yout.cshtml

<div id="Index" data-role="page">       
    <div data-role="header" data-theme="b" data-position="fixed" data-fullscreen="true" id="dvHeader"> 
     <div id="logo"></div>           
    </div>   
    <div data-role="header" data-theme="a"> 
     <a id="btnGlobalBack" data-role="button" data-icon="back" style="display:none;">Back</a> 
     <h1>@ViewBag.Title</h1> 
    </div> 

    <div id="mainContent" data-role="content" page_name="test">           
     @RenderBody() 
     @RenderSection("BodyScriptsSection", required: false)   
    </div>    
    <div data-role="footer" data-position="fixed" data-tap-toggle="false"> 
     @RenderSection("Footer")     
    </div><!-- /footer -->         
</div>

的script.js

$(document).on("click", "#btnEnableFullscreenAndHide", function() { 
     $("#dvHeader").attr({ 'data-fullscreen': 'true', 'data-position': 'fixed' }) 
     .removeAttr('out') 
     .addClass('ui-header-fixed') 
     .removeAttr('reverse') 
     .addClass('ui-header-fullscreen') 
     .addClass('slidedown') 
     .addClass('out') 
     .addClass('reverse'); 
    }); 

    $(document).on("click", "#btnBackToFixed", function() { 
     $("#dvHeader").removeAttr('data-fullscreen') 
     .removeClass('ui-header-fullscreen') 
     .removeClass('ui-header-fixed') 
     .removeClass('slidedown') 
     .addClass('out') 
     .addClass('reverse'); 
    });

來源

2013-02-14 pλul

此代碼似乎正常工作。我只在Chrome中測試過你。

<div data-role="page" id="home"> 

    <div data-role="header" data-fullscreen="true"> 
    </div><!-- /header --> 

    <div data-role="content" class="infobox"> 
     <p>I'm first in the source order so I'm shown as the page.</p> 
     <p>View internal page called <a href="#bar">bar</a></p> 
    </div><!-- /content --> 

</div><!-- /page -->

因此，嘗試對特定頁面上刪除固定屬性，並確保data-role="header"div完全是空的。

來源

2013-03-06 18:15:23

在jQuery Mobile中隱藏標題

回答

相關問題