FullCalender - 2番目のイベントをクリックするとイベントカラーがリセットされます

Question

2番目のイベントをクリックすると、どのようにイベントカラーをリセットするのでしょうか？今はイベントをクリックすると色が変わります。 2番目のイベントがクリックされると、最初のイベントの新しい色は同じになります。どのようにデフォルトの色にリセットするのですか？

マイコード：

eventClick: function (calEvent, jsEvent, view) { 

    jQuery(this).css('background-color', '#b3ffb3'); 

} 

Answer 1

ください更新/編集カレンダーの要素を持つあなたの質問。

これは、あなたがそれを達成する方法についてのアイデアを与えるだろう。

HTML（カレンダー要素[たぶん]）：

<table id="calendar"> 
    <tr> 
     <td>1</td> 
     <td class="event">2 (event)</td> 
     <td>3</td> 
    </tr> 
    <tr> 
     <td>4</td> 
     <td>5</td> 
     <td>6</td> 
    </tr> 
    <tr> 
     <td class="event">7 (event)</td> 
     <td>8</td> 
     <td>9</td> 
    </tr> 
</table> 

JS/jQueryの：

jQuery('#calendar').on('click', '.event', function(){ 
    if(!$(this).hasClass('special')){ 
     $(this).parents('#calendar').find('.event.special').removeClass('special'); 
     $(this).addClass('special'); 
    } 
}); 

を

CSS：

.special {color: red;} 

P.S：この方法であなたがクリックしても、他のイベントからそのクラスを削除するためにチェックするイベントにクラス.specialを追加します。したがって、あるイベントはスタイルを持ち、別のイベントをクリックするとスタイルが失われ、新しいスタイルにスタイルが追加されます。

秒PS：あなたはEXPのためaddClassとremoveClass後に任意のjqueryの機能を追加することができます。

jQuery('#calendar').on('click', '.event', function(){ 
    if(!$(this).hasClass('special')){ 
     $(this).parents('#calendar').find('.event.special').removeClass('special').css('background-color', ''); 
     $(this).addClass('special').css('background-color', '#b3ffb3'); 
    } 
});