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

【问题标题】：data-icon in jquery mobile does not show up in ruby on rails 2.3.4jquery mobile 中的数据图标未显示在 ruby on rails 2.3.4 中
【发布时间】：2011-03-14 03:11:30
【问题描述】：

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

以下代码 li data-icon="plus" data-iconpos="right">

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

请有任何想法。

【问题讨论】：

你在使用 data-role="listview" 吗？添加ui-li-icon的类
是的，我正在使用 data-role="listview"。通过添加 ul-li-icon 类，我不明白您的意思。能详细点吗？
问题：您是否要更改右侧的“标准”箭头图标？
是的，我正在尝试更改显示在每个
项目右端的标准图标。

标签： jquery-mobile ruby-on-rails-2

【解决方案1】：

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

为此，将 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>

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

希望有帮助

【讨论】：

哦，好吧。谢谢你。我会试试这个，让你知道。

【解决方案2】：

我自己也有同样的问题——这是因为 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">

【讨论】：

谢谢。我会检查一下。