jQuery CSS 主题滚轮答案

【问题标题】：jQuery CSS themerollerjQuery CSS 主题滚轮
【发布时间】：2011-03-19 18:37:33
【问题描述】：

我想从 jQuery Themeroller 中获取一个图标并将其实现为一个按钮。然后，当我单击图标时，它会在一种颜色和另一种颜色之间切换。这是在 Ruby on Rails 中。我该怎么做？

【问题讨论】：

您使用的是 jQuery UI 按钮还是普通按钮？
我想使用 jQuery 图标作为按钮。
这不是我问的。 jQuery UI 对主题按钮有特定的支持。你在用吗？
是的，它们有主题按钮，但我不相信它们中的任何一个都有箭头，这正是我想要的，因为这些按钮用于上下投票。

标签： jquery ruby-on-rails css button themeroller

【解决方案1】：

这是前端代码，所以几乎都是 JS/jQuery，你想要完成的与 Rails 无关。

图标是单独的类，例如 .jquery-ui-wrench。

一种方法是：

<div id="some_button" class="jquery-ui-wrench"></div>

然后某处：

$('#some_button').click(function(){
  // Code to toggle button, probably 
  $('#some_button').removeClass('jquery-ui-wrench');
  $('#some_button').addClass('colored-version-of-icon');
});

包括，根据评论

从网站下载自定义主题 + jQuery UI 后，将 .js 文件提取到 public/javascripts，然后将 css 样式表提取到 public/stylesheets，将图像提取到 public/images。编辑 css 文件并将所有出现的images 替换为/images。（这是为了确保它正确指向 images 文件夹）

然后只需在布局中包含样式表和 javascript 文件，您就可以开始使用它了。

【讨论】：

能否请您添加如何将主题滚轮包含到您的应用程序中。
这只是一种方式。多于一键的类之间如何切换？
使用跟踪状态的变量，或者在jQuery中查找toggleClass方法