jQuery Mobile選項卡未對齊

Question

我當前正在構建一個cordova應用，在我的android手機屏幕上，這些標簽如下所示：

上面的圖片是在JSFiddle中使用JQuery 2.1.0運行的，並且使用以下代碼檢查了JQM 1.4.2選項：

<div data-role="tabs" id="tabs">
  <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>
</div>

這是請求鏈接： https : //jsfiddle.net/simonshout/18sssw7m/

我的android代碼在此模塊中及其周圍包裝了許多HTML，但可以算出我的android手機和jsfiddle都以錯誤的方式呈現了該代碼。 那我想念什么呢？

同樣在經過一些測試之后，我看到在每個li類之間注入了一堆“ nbsp”。 我不知道是什么原因造成的，但是我將如何阻止它？

Answer 1

好吧，很抱歉成為那個家伙，但我確實做了更多的挖掘工作，發現一個重復的線程：

如何刪除不可見的“＆nbsp;” 已自動添加到代碼中

有什么方法可以突出顯示崇高文本或任何其他文本編輯器中的所有特殊重音字符？

Answer 2

您需要在data-role="tabs"放置導航欄。

這是您修改后的JSFiddle