jQuery的CSS的ThemeRoller

我想借此从jQuery的ThemeRoller图标，并执行它作为一个按钮。然后，当我点击图标时，它会在一种颜色和另一种颜色之间切换。这是Ruby on Rails。我应该怎么做？jQuery的CSS的ThemeRoller

来源

2011-03-19 Justin Meltzer

你使用jQuery UI按钮或者普通的呢？ – Alnitak 2011-03-19 19:06:57

我想使用jQuery图标作为按钮。 – 2011-03-19 19:08:49

这不是我所问的。 jQuery UI对主题按钮有特定的支持。你在使用它吗？ – Alnitak 2011-03-19 19:51:52

这是前端代码，因此它几乎所有的JS/jQuery的，你要完成的任务无关使用Rails。

图标是单独的类，例如.jquery-UI-扳手。

一种方式来做到这一点是：

<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从网站用户界面，提取.js文件到您的public/javascripts，那么CSS样式表为public/stylesheets，和图像转换为public/images。编辑css文件并用/images替换images的所有发生。（这是为了确保它指向正确的图像文件夹）

然后，只需在您的布局样式表和javascript文件，你应该能够开始使用它。

来源

2011-03-19 18:57:24

请问您可以添加如何将themeroller加入您的应用程序。 – 2011-03-19 19:04:26

但这只有一种方法。如果有多个点击，您如何在课程之间切换？ – 2011-03-20 04:44:59

使用跟踪状态的变量，或查找jQuery中的toggleClass方法 – 2011-03-20 10:48:45

jQuery的CSS的ThemeRoller

回答

相关问题