2016-04-22 2 views
0

私は以下のように書くと、私は機能に入ることができますが、 ツールチップイベントを呼び出す方法がわかりません。 eventMouseoverに適用すると完全に動作しますが、以下では何も呼び出されません。私が1日以上マウスを動かすと、私はツールチップを呼び出したい

$('body').on('mouseover', 'td.fc-day, td.fc-day-number', function() { 
      var start=$(this).data('date'); 
      var tooltip = '<div class="tooltipevent" style="width:200px;height:50px;background:#fff;position:absolute;z-index:10001; padding:20px; border:1px solid rgba(0,0,0,0.1);">' + "SSSS" + '</div>'; 

      $(this).append(tooltip); 
}); 

答えて

0

ブートストラップツールチッププラグインhttp://getbootstrap.com/javascript/#tooltipsを使用してください。そしてeventRenderコールバックライトの内側次

eventRender: function(event, element) { 
    $(element).tooltip({title: event.title}); 
} 

これは動作します

image

更新:

上記は、この日にホバーのためである 、イベントにホバーのためでした
$(".fc-day").hover(function(){ 
    // code for creating tooltip 
}); 
+0

ありがとうございました!マウスオーバーイベントのためのものです。 1日ではありません。私のコードよりも上の日にマウスを置くと、それは日を取得します。それがすぐに取得すると、私はツールチップを取得したい –

+0

あなたはまた、同じコードを使用することができます。私の答えで上記の方法でツールチップを作成するだけです。 – gabbarsingh

+0

マウスオーバーイベントが発生したときにツールヒントが発生する... 1日ではない... –

関連する問題