2012-07-31 57 views
0

在JQM 1.1.1中,可折叠的功能并不像预期的那样工作。jquery mobile 1.1.1 - 碰撞的奇怪行为

例如,试图重现该页面中的例子:

http://jquerymobile.com/test/docs/lists/lists-collapsible.html(非插图,个人collapsibles),与可折叠的配件全部页面和平方的角落。如果我使用以前的版本1.1.0,则一切工作都是按照预期进行的。

下面的例子也有一个不确定的行为 - 列表分隔符被绘制在可匹配标题上。

<div data-role="page" id="home_page"> 
<div data-role="header"> 
<h1>Phonegap App</h1> 
</div> <!-- /header --> 
<div data-role="content"> 
<div data-role="collapsible" data-inset="true" 
data-collapsed="false" data-theme="b" data-content-theme="d"> 
<h3>More in this section</h3> 
<ul data-role="listview" data-theme="c" data-dividertheme="d"> 
<li data-role="list-divider">Pages &amp; Dialogs</li> 
<li><a href="page-anatomy.html">Anatomy of a page</a></li> 
<li><a href="page-links.html">Linking pages</a></li> 
<li><a href="page-transitions.html">Page transitions</a></li> 
<li><a href="loader.html">Page loading widget</a></li> 
<li><a href="page-dialogs.html">Dialogs</a></li> 
<li><a href="popup/index.html">Popups</a></li> 
<li class="ui-corner-bottom"><a href="pages-themes.html">Theming pages</a></li> 
</ul> 
</div> 
</div><!-- /content --> 
</div><!-- /page --> 

使用jquery.mobile-1.1.1.css jquery.mobile-1.1.1.js jQuery的1.7.2.min.js

这是一个错误还是我做错了什么? 谢谢!这似乎是一个错误

+0

不知道这是否是问题或没有,但你发布的链接是1.2阿尔法构建,而不是1.1.1 – Alejo 2012-08-02 15:52:15

回答

0

,这里有一个快速的CSS修复:

​.ui-listview .ui-li-divider { 
    margin : 5px -1px 0 -1px; 
}​ 

我注意到前一段时间,当元素jQuery Mobile的网站重叠,通常可以用一些保证金的调整修复它。

这里是一个演示:http://jsfiddle.net/JYN76/