Jquery 如何使用'；eventMouseout'；完整日历中的回调？

我正试图让它，当你把你的鼠标放在我的日历上的事件时，它会改变颜色。我可以做到这一点，它的工作，但事件是不同的颜色，我只知道如何使事件回到一种颜色，而不是一个以上。所以，即使我有红色、蓝色和绿色事件，它们只有在你把鼠标放在它们上面后才会变红。我只希望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');

        }
    }); 
});

$（文档）.ready（函数（）{
var cal=$（“#日历”）
cal.fullCalendar({
事件来源：[
{
网址：“…”，
边框颜色：“绿色”，
id:“事件”，
},
{
网址：“…”，
边框颜色：“红色”，
id:“rto”，
},
{
网址：“…”，
边框颜色：“蓝色”，
id:“目标”，
},
],
eventMouseover:function（）{
$（this.css（'border-color'，'orange'）；
},
eventMouseout:function（）{
$（this.css（'border-color'，'red'）；
}
}); 
});

---

这就是如何使用函数：function（event，jsEvent，view）{}

而不是直接设置样式。我建议在eventMouseover回调中添加css类，并在eventMouseout处理程序中删除它

Javascript:

eventMouseover: function (event, jsEvent, view) {
    jQuery(this).addClass("current_entry");
},
eventMouseout: function (event, jsEvent, view) {
    jQuery(this).removeClass("current_entry");
},

CSS:

---

其中“calendar”是日历容器元素的id

如何确定活动的当前颜色？你能用不同的颜色显示你日历的源代码吗？好的，还有什么你想看的吗？我指的是html页面源代码。只是想看看日历是如何改变颜色的，以及它将这些颜色放在哪里；然后，查看您是否获得该事件id。

#calendar .current_entry
{
    border-color: #ff0000;
    border-width: 4px;
    z-index: 100 !important;
}