1

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

4

1 回答 1

3

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

  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>标签内。我希望这有帮助!

于 2012-04-07T21:38:25.023 回答