2016-11-14 14 views
-2

私はcssクラスのレーティングサークルでいくつかのサークルを持っています。追加のクラスを追加したいと思います。ここで私が使用しているコードです。jQueryで追加のクラスをホバーに追加するには

$(function() { 

     //change class on hover 

     $('.rating-circle').hover(function() { 
      $('.rating-circle')addClass('rating-hover'); 
     }); 
    }); 

私は何を欠席しましたか?

+2

をお試しください: $( '評価サークル ')addClass(' 評価-ホバー'); ^ –

答えて

4

あなたはドット

$('.rating-circle').addClass('rating-hover'); 

小アドバイスを忘れて:あなたは、スペース区切りで追加することができますが、フロントエンドで作業しているとき、いくつかの開発者ツールを使用し、それらのマイナーな間違いは修正が本当に簡単です:)

+0

ありがとうcralfaro。私はダーンドットを見逃した。 – martinbshp

+0

@martinbshp心配することはありませんフロントエンドで非常に一般的な間違いです:) – cralfaro

0

をクラス。

$(function() { 
    //change class on hover 
    $('.rating-circle').hover(function() { 
    $('.rating-circle').addClass('rating-hover another-class'); 
    //-----------------^ Also a typo here. 
    }); 
}); 
0

$(this)だけhover elementにクラスを追加します、次のように使用してみてください。同じクラス名の他の人には向かない。 。

$(document).ready(function(){ 

    //change class on hover 
    $('.rating-circle').hover(function() { 
     $(this).addClass('rating-hover'); 
    }); 

}); 
+0

私はすでに同じ答えです。別のオプションを提供してください。 –

1

は、ドット( "")多分この

$('.rating-circle').hover(function() { 
     $(this).addClass('rating-hover'); 
    }); 
+1

ドットは 'addClass()'がそれをチェックアウトしており、これは唯一のエラーPOです。欠落 – Bharat

+0

http://stackoverflow.com/users/4193004/bharat-patidarを指示してくれてありがとう。今私はそれを修正しました。 –

+0

お手伝いしてうれしいです。あなたに投票してください。 – Bharat

関連する問題