jQuery Mobile网格没有按预期工作

时间:2014-11-12 13:20:31

标签: jquery html css jquery-mobile

我做了一个简单的页面来测试jQuery Mobile网格。我刚从jQuery Mobile demo website复制/粘贴了所有内容,但似乎没有任何效果。

块无法正确对齐as you can see from this test page i've made。如果(神奇地)你看到它们对齐,this is a screenshot of what i see

让我疯狂的是the same exact code works in jsfiddle !!!

<div class="ui-grid-a">
        <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:60px">Block A</div></div>
        <div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:60px">Block B</div></div>
</div><!-- /grid-a -->

有什么想法吗?

1 个答案:

答案 0 :(得分:4)

我发现了问题!

the examples on the jQuery Mobile website中,不要使用TABS,但是他们使用的是空格,浏览器将其转换为&nbsp;,并使最后一个块停止运行。因此,通过从他们的网站复制和粘贴我得到了这个问题。

很难找到