2016-07-06 188 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'庫?請分享瀏覽器呈現的代碼,而不是紅寶石代碼... – 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"});