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 回答