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

回答

相關問題