jquery mobile - 在頁面點擊後，可摺疊的頁腳展開下來

嗨，我正在學習jquery mobile，並創建了一個非常基本的頁面，頁眉和頁腳。基本上我想要可摺疊的頁腳總是向上擴展但我在實現這一點時遇到問題。jquery mobile - 在頁面點擊後，可摺疊的頁腳展開下來

如果我加載頁面並通過單擊按鈕打開可摺疊，它將展開（預期的行爲）。但是，如果我點擊頁面上的任何位置，然後單擊頁腳，它會向下擴展。看起來像點擊頁面分離頁腳，即使我正在使用data-position="fixed"將此標記添加到可摺疊本身並不會改變行爲。

再次點擊頁面重新附加它，它向上打開。

我總是可以用css強制它。但我想知道是否有更好的方法來解決這個問題。

我不能提供一個jsfiddle，因爲這個問題只發生在瀏覽器（我用drome razr上的chrome，firefox和android瀏覽器測試過）。這裏是我的代碼：

<html> 
<head> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> 
</head> 

<body> 
    <div data-role="Page"> 
     <div data-role="header"> 
      <h1>Header</h1> 
     </div> 
     <div data-role="footer" data-position="fixed"> 
      <div data-role="collapsible" data-content-theme="b"> 
       <h3>Footer</h3> 
       <p>Footer content</p> 
      </div> 
     </div> 
    </div> 

</body> 


<html>

來源

2013-07-12 Naveed

恕我直言，有一個可摺疊的頁腳不是一個好主意。 – Omar

有沒有更好的方法來實現這種行爲？基本上我想要一個信息頁面，從底部擴展（佔頁面高度的一半左右，如果內容太多，它應該滾動），並存在於多個頁面，所以我認爲頁腳將是一個很好的起點。就像我說的，我正在學習，所以我願意接受建議。 – Naveed

你可以這樣做http://fiddle.jshell.net/Palestinian/YgJkN/ – Omar

今天工作在類似的東西。我偶然發現了同樣的問題，並通過添加

data-tap-toggle="false"

到div。

來源

2013-08-21 19:26:12 Naveed

jquery mobile - 在頁面點擊後，可摺疊的頁腳展開下來

回答

相關問題