我正在尝试创建一个简单的缩略图列表,该代码几乎是从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>

最佳答案

您使用什么代码生成列表?将指定一个简单的列表,如下所示:

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


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

关于html - JQueryMobile 1.1.1列出未 anchor 定在左侧的元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12591320/

10-11 11:18