2013-03-04 50 views
2

我正在使用JQuery Mobile(版本1.3.0)開發Web應用程序。它使用固定標題,但當用戶點擊表單內容時,我無法禁用「點擊切換」行爲。無法在JQuery Mobile中禁用切換固定標題

我試過使用屬性「data-tap-toggle = false」,但它不起作用。當用戶點擊表單並再次點擊時,標題將繼續隱藏。

在此先感謝!

<div data-role="page" class="Page" id="parameter_page"> 
    <div data-role="header" data-position="fixed" data-tap-toggle="false"> 
     <div class="headerContainer" > 
      <a href="index.html"  data-role="button" class="ui-btn-left" data-inline="true" data-direction="reverse" data-icon="back" >Voltar</a> 
      <a href="instrucoes.html" data-role="button" class="ui-btn-right" data-inline="true" >Instruções</a> 
     </div> 
    </div> 
    ... 
    ... 
    ... 
</div> 
+0

嗯..我想我錯了。你需要禁用頁眉和頁腳,然後觸發全屏? – Omar 2013-03-04 14:29:47

+0

有同樣的問題。有沒有找到解決方案? – xdhmoore 2013-08-05 21:37:37

回答

0

首先,爲了利用data-tap-toggle您對添加data-fullscreen="true"data-position="fixed"頁腳。現在不需要data-tap-toggle,因爲您可以動態控制它們。

然後用這種方法控制它們。

$("[data-role=header],[data-role=footer]").fixedtoolbar({ tapToggle: true }); 

$("[data-role=header],[data-role=footer]").fixedtoolbar({ fullscreen: true }); 

點擊或單擊時,兩者都會出現然後消失。

測試它here

我希望我一直在幫助。