2016-07-06 191 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"});