Question

请允许我提供帮助。我有:

我希望案文在被点击时改写为轻绿。

$(".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%  });
});

事先感谢你

AC

NOTE: ok im sorry i没有表明自己。

I need the div to be white when not mousedover I need it to be gree when mouseover And i need it to be red when clicked, and remain red until another button is clicked.

感谢大家的投入,大体是加级,删除班级案件,这是一个很好的教训,我一旦掌握了这一技术,就将使用更多的东西。

Answer 1

The problem is when i click the item it turns red but then it reverts to white and i hover off it

如果你希望有<条码>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");
});

rel=“nofollow”>Example fiddle

Answer 2

您可使用CSS的假件::hover和:active。

Or, when using jQuery, use the .hover() and .click() methods.

Answer 3

Just wrap you code in a $(document).ready(function() { // code here }); and it will work.

Answer 4

建议使用特别安全局......但你仍然可以做一些工作。

  $(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%  });
        });
        });

友情链接