2016-07-06 15 views
0

私はJqueryを使い慣れていないので、私はそれを上に置くとフォントの色を変更するだけで作業を始めようとしています。私は正しいコードを入れたと思ったが、うまくいきませんでしたか?誰かが私にこれを手伝うことができますか?jquery - テキストの色を変更

SHOW.JS:

$(document).ready(function(){ 
$(".modal").hover(function(){ 
$(".modal").css("color","red"); 
})); 

SHOW.HTML.ERB:

<p class="modal"><%= @subscriber.last_name %></p> 

APPLICATION.JS:

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 

これは、すべて私のコードです。私はちょうどそれを最初に単純にしたいと思っていました。

+1

'jQuery'ライブラリはありますか? Rubyコードの代わりにブラウザでレンダリングされたコードを共有してください... – Rayon

+0

そうだと思います。ファイルを転記しています(更新済み) – Bitwise

+0

間違いはありますか?現在の行動は何ですか? –

答えて

1

アンドロスレックスの方法は完璧に動作してください - あなたが実際に代わり、よりこのような何かをしたいことが - それは戻って、以前の色ときに色が変化しますマウスはもはや要素の上にはない。

$(document).ready(
    function() { 
     var old; 
     $(".modal").hover(
      function() { 
       old = $(".modal").css("color"); 
       $(".modal").css("color","red"); 
      }, 
      function() { 
       $(".modal").css("color",old); 
      } 
     ); 
    } 
); 
1

閉じ括弧がありません。これはどのようにすべきである:

$(document).ready(function() { 
    $(".modal").hover(function() { 
    $(".modal").css("color","red"); 
    }); 
}); 
1

この

$('.modal').css({"color" : "red"}); 
関連する問題