jQuery CSS themeroller - PullRequest
Новая
       23

jQuery CSS themeroller

0 голосов
/ 19 марта 2011

Я хочу взять значок из jQuery Themeroller и реализовать его как кнопку. Затем, когда я нажимаю на значок, он переключается между одним цветом и другим цветом. Это в Ruby on Rails. Как мне это сделать?

1 Ответ

2 голосов
/ 19 марта 2011

Это интерфейсный код, так что это почти весь 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 UI, извлеките файлы .js в public/javascripts, затем таблицу стилей css в public/stylesheets, а изображения в public/images.Отредактируйте файл css и замените все вхождения images на /images.(Это необходимо для того, чтобы он правильно указывал на папку с изображениями)

Затем просто включите таблицу стилей и файл javascript в свой макет, и вы сможете начать использовать его.

...