如何在頁面底部添加Jquery Mobile導航欄（部分頁面）？

我正在App Builder Web應用程序上工作。在我的頁面中心有一個DIV，就像一個移動屏幕，我拖放不同的Jquery Mobile小部件並對這些小部件進行排序以構建我的應用程序。但問題是，當我添加NAVBAR（data-role =「navbar」）時，HTML DOM會進入目標div，但會出現在我的網頁底部。看截圖。有什麼方法可以在div中顯示它（沒有ifram）。如何在頁面底部添加Jquery Mobile導航欄（部分頁面）？

enter image description here

來源

2013-06-26 Kalim

如果您能夠提供代碼，那麼我們很有必要爲您找到解決方案。 – Mkpatel

這navbar必須是內頁腳DIV &下面<h4>標籤。 DEMO http://jsfiddle.net/yeyene/Rdfxs/16/

<div data-role="page"> 
    <div data-role="header"> 
     <h1>Page Title</h1> 
    </div> 

    <div data-role="content"> 
     <p>Page content goes here</p> 
    </div> 

    <div data-role="footer" data-position="fixed"> 
     <h4>Page Footer</h4> 
     <div data-role="navbar" data-grid="c"> 
      <ul> 
       <li><a href="#" class="ui-btn-active">One</a></li> 
       <li><a href="#">Two</a></li> 
       <li><a href="#">Three</a></li> 
       <li><a href="#">Four</a></li> 
      </ul> 
     </div><!-- /navbar --> 
    </div> 
</div>

來源

2013-06-26 09:23:36 yeyene

我會建議你使用西格瑪移動平臺http://sigmamobility.com ，您可以創建使用jQuery組件可以通過簡單的拖放移動應用程序和拖放功能和實時預覽堆疊組件。

對於您的問題，您需要將導航欄放在頁腳內;這將會使其陷入低谷。另一種選擇是設置內嵌CSS3的導航欄爲：

#navbarid:{ 
position:absolute; 
bottom:0px; 
}

這將導航欄移動到了谷底，但它不推薦，因爲如果他們關閉它上控制可能會重疊導航欄。

來源

2013-12-20 13:18:52

如何在頁面底部添加Jquery Mobile導航欄（部分頁面）？

回答

相關問題