0

折りたたみ式は、JQM 1.1.1 で見られるように機能しません。

たとえば、このページの例を再現しようとすると:

http://jquerymobile.com/test/docs/lists/lists-collapsible.html (挿入されていない個々の折りたたみ可能要素)。折りたたみ可能要素はすべてのページと四角い角にフィットします。以前のバージョン 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 の使用

これはバグですか、それとも何か間違っていますか? ありがとう！

4

1 に答える 1

0

これはバグのようです。CSS の簡単な修正を次に示します。

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

少し前に、jQuery Mobile サイトで要素が重なっている場合、通常は余白を微調整することで修正できることに気付きました。

ここにデモがあります：http://jsfiddle.net/JYN76/

于 2012-07-31T21:28:33.217 に答える