我正在尝试创建一个简单的缩略图列表,代码几乎是从 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"> </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 列表项未锚定在左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12591320/