javascript - 为什么我的迷你按钮在 jQuery Mobile 的列表视图中如此之大？

Question

我在 jQuery Mobile 中有一个列表视图，其中包含删除按钮。

<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

您设置小提琴的方式存在许多问题。

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

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

请注意，我使用了拆分列表视图而不是默认列表视图。我相信这可能更适合您的情况。另请注意，animal 和 delete 都包含在<a>标签内。我希望这有帮助！