jQuery的移動導航欄填充問題？

我在我的頭添加導航欄，想擁有它看起來像在這裏發現的標籤系統： http://jquerymobile.com/demos/1.0/docs/toolbars/docs-navbar.html jQuery的移動導航欄填充問題？

但是當我在下面添加到我的應用程序的代碼

，標題導航欄有padding和怪異的空間周圍所有的標籤按鈕。

<div data-role="header">   
    <div data-role="navbar"> 
     <ul> 
      <li><a href="#">One</a></li> 
      <li><a href="#">Two</a></li> 
      <li><a href="#">Three</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</div><!-- /footer -->

我試着設置餘量爲0，但是這並沒有消除周圍的選項卡中的空白處，有人可以幫忙嗎？

感謝

Screen shot of the weird spacing around the tabs

來源

2011-12-11 TriFu

data-role =「page」元素的子元素是'data-role =「header」'元素嗎？「」標籤按鈕周圍的怪異空格是什麼意思（它與文檔有什麼不同）？ – Jasper

嗨，賈斯珀，感謝您的建議，我其實已經忘記了數據角色=「頁面」。然而，這不是你可以在上面看到我的帖子的問題。 – TriFu

感謝大家誰回答，但我想通了我的問題。我使用一個名爲appMobi的移動框架在javascript/css/html，中製作移動應用程序，當使用像jquery mobile這樣的js UI框架時，我遇到了一些選項卡問題（並切斷了底部頁腳我仍然不知道爲什麼......）。

問題是我導入jquery.mobile.min.js兩次，一次在標題中，一次在body標籤的正下方。我知道，這聽起來很奇怪，但在我的辯護中，一個appMobi視頻告訴我這樣做...可能過時的視頻...

因此，修復是隻導入jQuery文件一次在頂部在標題中。

乾杯，

來源

2011-12-12 06:12:23 TriFu

讓我猜你是在移動這樣做呢？您是從使用jQuery移動版或類似框架的網站複製它的？你也應該加載jQuery手機腳本並鏈接到它的兩個css文件，以便這個工作正確

來源

2011-12-11 21:20:43 alonisser

jQuery的移動導航欄填充問題？

回答

相關問題