Question

我正在尝试创建一个简单的缩略图列表，代码几乎是从jqm docs页面复制的。但是，当我使用下面的代码时，列表的按钮元素没有锚定在列表项的左侧，而是显示为居中...任何人都可以帮助我吗？这让我发疯了！

除了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>

Answer 1

您使用什么代码生成列表？一个简单的列表将如下指定：

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

jQuery Mobile将根据平台添加所有必需的类。

Answer 2

我建议打开一个新文档并使用该页面的默认值，即

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

然后，如果可行的话，一件一件地用你的代码替换代码直到它破裂，这应该隔离问题。

JQueryMobile 1.1.1列出未锚定在左侧的项目

2 个答案: