2

カレンダーのイベントの上にマウスを置くと、色が変わるようにしようとしています。私はそれを行うことができ、それは機能しますが、イベントは異なる色であり、イベントを1つの色に戻す方法しか知りません。したがって、赤、青、緑のイベントがありますが、マウスを上に置いた後にのみ赤に変わります。ID「rto」のイベントのみを赤くしたいのですが、どうすればそれを達成できますか?

<script type='text/javascript'>

$(document).ready(function() {

     var cal = $('#calendar')

   cal.fullCalendar({
    eventSources: [

        {
            url: "...",
            borderColor: 'green',
            id: "events",
        },
        {
            url: "...",
            borderColor: 'red',
            id: "rto",
        },
        {
            url: "...",
            borderColor: 'blue',
            id: "goals",
        },
                    ],

eventMouseover: function(){

            $(this).css('border-color', 'orange');

        },
eventMouseout: function() { 

            $(this).css('border-color', 'red');

        }
    }); 
});

関数の使用方法は次のとおりです: function( event, jsEvent, view ) { }

4

1 に答える 1