Cameron Bass Cameron Bass - 4 months ago 18
jQuery Question

jquery - change text color

I'm new to Jquery and I'm trying to get started by simply changing the color of the font when I hover over it. I thought that I put the right code in but it's not working? can someone help me get this going?

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 .


This is all my code. I just wanted to keep it simple at first.

Answer

Andros Rex's method works perfectly - however you may actually want something more like this instead - it changes the color back to the previous color when the mouse is no longer over the element.

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