2012-07-31 58 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/