jquery-mobile - jquery mobile 中的数据图标未显示在 ruby​​ on rails 2.3.4 中

Question

我在 Rails 2.3.4 中的 1 个应用程序中使用 jquery-mobile。

以下代码 li data-icon="plus" data-iconpos="right"><%= link_to "Post", [我的参数] %>

不显示数据图标“加号”。我想知道为什么。

请有任何想法。

Answer 1

我自己也有同样的问题——这是因为 Rails 默认使用 1.4 版本的 jQuery——你需要使用 jQuery 1.5

如果您想快速入门，请使用 jQuery CDN 托管文件：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js">

Answer 2

最初的问题对我来说有点不清楚，但从评论来看，您似乎正试图找出如何从标准箭头更改列表视图中的图标。

为此，将 data-split-icon 属性添加到 ul 标记 - 将其设置为来自http://jquerymobile.com/demos/1.0a3/docs/buttons/buttons-icons.html的图标名称之一

例如：

<ul data-role="listview" data-inset="true" data-split-icon="star"> 
   <li><h3><a>list item 1</a></h3><a>link title</a></li> 
   <li><h3><a>list item 2</a></h3><a>link title</a></li>
   <li><h3><a>list item 3</a></h3><a>link title</a></li>
</ul>

而不是标准的箭头图标，它为您提供了一个带有漂亮星星的列表。

希望有帮助