3

誰か助けてくれませんか。私はこれらの2つを持っています：

ホバリング時にテキストを薄緑に、ホバリングしていないときに白に、クリックすると赤に変更したいと思います。

$(".music").hover(
    function() {
        $(this).css('color','lightgreen');
    }, 
    function() {
        $(this).css('color', 'white');
    }
);

$(".music").click(function () { 
    $('#result').load('album_list_index.php');
    $(this).css({ 'color': 'red', 'font-size': '100%' });
});

前もって感謝します

交流

注：わかりました、申し訳ありませんが、私は自分自身を明確にしませんでした。

マウスオーバーしていないときはdivを白にする必要があります。マウスオーバーするときはgreeにする必要があります。クリックすると赤くなり、別のボタンがクリックされるまで赤のままになります。

皆さんの入力、特にクラスの追加とクラスの削除のケースに感謝します。これは、テクニックをもう少し習得したら、使用する良いレッスンでした。

4

4 に答える 4

4

問題は、アイテムをクリックすると赤に変わりますが、白に戻ってホバーすると問題が発生します

click状態を維持したい場合は、クラスを使用することをお勧めします。これを試して：

a { color: white; }
.active { color: red; }
.hover { color: lightgreen; }

$(".music").hover(
    function() {
        $(this).addClass("hover");
    }, 
    function() {
        $(this).removeClass("hover");
    }
);

$(".music").click(function () { 
    $('#result').load('album_list_index.php');
    $(".music").removeClass("active");
    $(this).removeClass("hover").addClass("active");
});

フィドルの例

于 2012-04-13T11:02:36.720 に答える
3

CSS疑似要素を使用できます：:hoverおよび:active。

または、jQueryを使用する場合は、.hover()and.click()メソッドを使用します。

于 2012-04-13T10:52:49.347 に答える
2

コードをでラップするだけで$(document).ready(function() { // code here });機能します。

于 2012-04-13T10:54:35.430 に答える
1

CSSを使用することをお勧めします...それでもjqueryを使用すると実行できます

  $(document).ready(function(){
        $(".music").mouseover(function() {
           if(!$(this).hasClass('dontchange')){
              $(this).css('color','lightgreen');
           }
        });
        $(".music").mouseout(function() {
               if(!$(this).hasClass('dontchange')){
                $(this).css('color', 'white');
             }
        }

        $(".music").click(function () { 
         $(this).addClass('dontchange');
        $('#result').load('album_list_index.php');
        $(this).css({ 'color': 'red', 'font-size': '100%' });
        });
        });
于 2012-04-13T10:56:10.213 に答える