ユーザーが FullCalendar のイベントにカーソルを合わせると、eventMouseover でこのコードを実行します
eventMouseover: function (event) {
event._title = event.title;
event.title = "Click to Delete"
$("#calendar").fullCalendar("updateEvent", event);
},
元のタイトルを保存し、それを削除テキストに変更するだけです。次に、イベントを更新するようにカレンダーに指示し、更新されたタイトルが表示されるようにします。
次に、eventMouseout イベントで、タイトルを元の状態にリセットします。
eventMouseout: function (event) {
event.title = event._title;
$("#calendar").fullCalendar("updateEvent", event);
},
問題は、mouseover イベントで updateEvent を呼び出すと、mouseout イベントが発生しないことです。mouseout イベントにアラートを入れた場合、mouseover の updateEvent 行をコメントアウトしない限り、アラートは発生しません。FullCalendar が既存のイベントを更新する方法に関係があると推測していますが、私は十分に流暢ではありません。なぜこれが起こっているのかを本当に伝えるためにjQueryで。
これを回避する方法についてのアイデアはありますか? テキストを表示するためにイベントのタイトルを変更しようとする代替手段があることは知っていますが、ツールチップ プラグインのようなものを使用するよりも、この方法を使用したいと思います。