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/

我的安卓代码在这个模块中包含了更多的HTML，但它有点解决了我的Android手机和jsfiddle以错误的方式渲染这个问题的方法。那我错过了什么？

经过一些测试后，我看到每个li类之间都注入了一堆“nbsp”。我不知道是什么造成了这种情况，但我怎么能阻止它？

Answer 1

很抱歉成为那个人，但我确实做了一点挖掘，我找到了一个重复的帖子：

How do I remove invisible "  " which has been automatically added to code

is there a way to highlight all the special accent characters in sublime text or any other text editor?

Answer 2

您需要data-role="tabs"内的导航栏。

这是您的modified JSFiddle