カレンダーのイベントの上にマウスを置くと、色が変わるようにしようとしています。私はそれを行うことができ、それは機能しますが、イベントは異なる色であり、イベントを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 ) { }