jQuery Mobile选项卡未对齐

本文介绍了jQuery Mobile选项卡未对齐的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我当前正在构建一个cordova应用，并且在我的android手机屏幕上，这些标签如下:

I'm currently building a cordova app and on my android phone screen the tabs look like this:

上图是在JSFiddle中使用JQuery 2.1.0运行的，并且JQM 1.4.2选项已通过以下代码检查:

The above picture was run in JSFiddle with JQuery 2.1.0 and the JQM 1.4.2 option checked off with the code:

<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/

Here is the link by request:https://jsfiddle.net/simonshout/18sssw7m/

我的android代码在此模块中及其周围包装了许多HTML，但可以算出我的android手机和jsfiddle都以错误的方式呈现了该代码.那我想念什么?

My android code has a lot more HTML wrapped in and around this module but it kinda worked out where both my android phone and jsfiddle are rendering this the wrong way. So what am I missing?

在经过一些测试之后，我看到在每个li类之间注入了一堆"nbsp".我不知道是什么原因造成的，但是我将如何阻止它?

Also after some testing around I saw that a bunch of "nbsp" are being injected between each li class. I don't know what's causing that but how would I stop it?

jQM

jQuery Mobile选项卡未对齐

问题描述

推荐答案