Javascript 为什么我的小按钮在jQuery Mobile的列表视图中如此之大？

我在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>​

大象
摆弄小提琴的方式有很多问题

您的css使用JQM版本1.1，而js使用JQM版本1.0.1
另外，jqm1.0.1与jquery1.7.2不兼容，并且存在一些已知问题
您的listview格式不正确
下面是一个例子，所有这些都是固定的。只需点击顶部的叉子按钮，就可以制作出你自己的小提琴版本

请注意，我使用了拆分列表视图而不是默认的列表视图。我相信这可能更适合你的情况。还要注意的是，动物和delete都包装在一个
标签中。我希望这有帮助
 谢谢！这是一个非常全面的答案。没问题。我很高兴我能帮上忙。