jquery - jQuery CSS 主题滚轮

Question

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

Answer 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 文件提取到您的 .js 文件public/javascripts中，然后将 css 样式表提取public/stylesheets到public/images. 编辑 css 文件并将所有出现images的/images. （这是为了确保它正确指向图像文件夹）

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