0

jQuery Themerollerからアイコンを取得し、ボタンとして実装したいと思います。次に、アイコンをクリックすると、ある色と別の色が切り替わります。これはRubyonRailsにあります。これはどのようにすればよいですか?

4

1 に答える 1

2

これはフロントエンドコードであるため、ほとんどすべてのJS / jQueryであり、達成しようとしていることはRailsとは何の関係もありません。

アイコンは、.jquery-ui-wrenchなどの個別のクラスです。

それを行う1つの方法は次のとおりです。

<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');
});

コメントごとに含む

カスタムテーマとjQueryUIをサイトからダウンロードしたら、.jsファイルをに抽出しpublic/javascripts、次にcssスタイルシートをに抽出しpublic/stylesheets、画像をに抽出しますpublic/images。cssファイルを編集し、すべての出現箇所を。に置き換えimagesます/images。(これは、画像フォルダを正しく指すようにするためです)

次に、スタイルシートとjavascriptファイルをレイアウトに含めるだけで、使用を開始できるようになります。

于 2011-03-19T18:57:24.633 に答える