1

私には4つliの要素があり、ホバーすると(mouseentermouseleave)それらの全員が、選択した全員の背景色を変更します。

私はこのコードでこの作業を行います:

<script>
        $( document ).ready(function() 
        {
            $('#center-group').children().on('mouseenter',function(){
                    $(this).children('.topmenu').children('.r-part').css('background-color','#810000');
                    $(this).children('.topmenu').children('.r-part').children('.r-part-bot').css('background-color','#980000');
            });
            $('#center-group').children().on('mouseleave',function(){
                    $(this).children('.topmenu').children('.r-part').css('background-color','#404040');
                    $(this).children('.topmenu').children('.r-part').children('.r-part-bot').css('background-color','#4c4c4c');
            });
        });
        </script>

今、私が欲しいのは、( click event) li の全員が背景色を変更し、トップイベントが機能しない場合です!!! どうやって?私を案内してください....

4

1 に答える 1

0

この正しいコード:

$(document).on('mouseenter','#center-group li',function(){
                    $(this).children('.topmenu').children('.r-part').css('background-color','#810000').children('.r-part-bot').css('background-color','#980000');;
            });
            $(document).on('mouseleave','#center-group li',function(){
                    $('#center-group').children().not('.selected').children('.topmenu').children('.r-part').css('background-color','#404040').children('.r-part-bot').css('background-color','#4c4c4c');
            });

            $(document).on('click','#center-group li',function(){
                $(this).toggleClass('selected');
                $(this).siblings().removeClass('selected');
                $('#center-group').children('.selected').children('.topmenu').children('.r-part').css('background-color','#810000').children('.r-part-bot').css('background-color','#980000');
                $('#center-group').children().not('.selected').children('.topmenu').children('.r-part').css('background-color','#404040').children('.r-part-bot').css('background-color','#4c4c4c');
于 2013-07-04T08:57:03.863 に答える