【问题标题】: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">

【讨论】:

  • 谢谢。我会检查一下。
猜你喜欢
相关资源
最近更新 更多
热门标签