2016-07-06 5 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

안드 렉스의 방법은 완벽하게 작동

$('.modal').css({"color" : "red"}); 
- 당신이 실제로 대신 더 이런 식으로 뭔가를 할 수 있습니다 그러나이 - 그것은 이전의 색상 때 다시 색상을 변경 마우스가 더 이상 요소 위에 있지 않습니다.

$(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

을 시도해보십시오이