0

簡単なサムネイルリストを作成しようとしています。コードはjqmドキュメントページからほとんどコピーされています。ただし、下のコードを使用すると、リストのボタン要素がリストアイテムの左側に固定されず、代わりに中央に表示されます...誰か助けてもらえますか？それは私を夢中にさせています！

jquerymobileのデフォルトページテンプレートにあるもの以外のスタイルはありません

<div id="listDiv" class="ui-content" data-role="main">
    <div id="listInformation" data-role="content-primary">
        <ul id="swipeMeChildrenList" data-role="listview" class="ui-listview">
            <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-c">
                <div class="ui-btn-inner ui-li">
                    <div class="ui-btn-text">
                        <a href="index.html" class="ui-link-inherit">
                        <img src="images/album-p.jpg" class="ui-li-thumb">
                        <p>Ha</p>
                        </a>
                    </div>
                    <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
                </div>
            </li>
        </ul>
    </div>
</div>
4

2 に答える 2

1

リストを生成するためにどのコードを使用しますか? 単純なリストは次のように指定されます。

    <ul data-role="listview">
        <li>
            <a href="index.html">
                <img src="images/album-p.jpg" />Ha
            </a>
        </li>
    </ul>

jQuery Mobile は、プラットフォームに応じて必要なすべてのクラスを追加します。

于 2012-09-25T21:35:54.537 に答える
0

新しいドキュメントを開いて、そのページのデフォルトを使用することをお勧めします。

<ul data-role="listview">
 <li><a href="index.html">
   <img src="images/album-bb.jpg" />
   <h3>Broken Bells</h3>
   <p>Broken Bells</p>
   </a></li>
</ul>

次に、それが機能する場合は、コードが壊れるまでコードを少しずつ置き換えて、問題を特定します。

于 2012-09-25T21:38:59.213 に答える