javascript - 为什么我的迷你按钮在 jQuery Mobile 的 ListView 中这么大？

Question

我在 jQuery Mobile 中有一个 ListView ，其中包含删除按钮。

<ul data-role='listview' class='animalList'>
    <li data-animal-prey-id='50'>Elephant<a data-role='button' data-icon='delete' data-iconpos='notext'>Delete</a></li>
    <li data-animal-prey-id='50'>Rhino<a data-role='button' data-icon='delete' data-iconpos='notext'>Delete</a></li>
    <li data-animal-prey-id='50'>Ostrich<a data-role='button' data-icon='delete' data-iconpos='notext'>Delete</a></li>  
</ul>​

为什么删除按钮显示得这么大？我希望它们是动物名称右侧的小按钮。

这就是我的意思。 http://jsfiddle.net/z2nFK/

Answer 1

您设置 fiddle 的方式存在许多问题。

1. 您为您的 css 使用 JQM 1.1 版，但为您的 js 使用 JQM 1.0.1 版。
2. 此外，JQM 1.0.1 与 JQuery 1.7.2 不兼容，并且存在一些已知问题。
3. 您的 ListView 格式不正确。

这是所有这些固定的示例。 http://jsfiddle.net/codaniel/47SvT/1/只需点击顶部的 fork 按钮即可制作您自己的这个 fiddle 版本。

请注意，我使用了拆分 ListView 而不是默认 ListView 。我相信这可能更适合您的情况。另请注意，动物和删除都包含在 <a> 中。标签。希望对您有所帮助!