0

FullCalendar イベントが Facebox を使用して、クリックされたときに情報がポップアップするようにしようとしています。カレンダーにイベントを配置したり、表示する必要がある情報を取得したりするのに問題はありません。ポップアップ ボックスを機能させるだけです。

イベントタイトルをラップする「スパン」と「a」の両方に rel="facebox" を追加しようとしましたが、どちらも影響していないようです。

誰かが以前にこれを試したことがあるか、可能な解決策を知っているなら、私はあなたからの連絡を楽しみにしています.

4

2 に答える 2

0

フェイスボックスの動作と関係があるかもしれません。ページの初期読み込み時にのみ実行される可能性があると思います。したがって、これらを新しい要素に追加すると、フェイスボックスコードはすでに実行されており、新しい要素は認識されません。

これを使用してフェイスボックスを開始する場合：

jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox() 
})

それならそうです。イベントがレンダリングされるときにfaceboxメソッドを呼び出して、それらをfacebox要素としてインスタンス化するように、eventRenderメソッドに何かを追加する必要があります。

http://arshaw.com/fullcalendar/docs/event_rendering/eventRender/から：

eventRender: function(event, element) {
    element.qtip({
        content: event.description
    });
}

ただし、「element.qTip」の代わりに、適切な引数を指定して「element.facebox」を使用します。hrefも設定する必要があるかもしれません。

于 2010-06-11T00:30:22.943 に答える
0

fullCalendar のeventClickドキュメント ページから例をコピーして展開しました。

$('#calendar').fullCalendar({
 eventClick: function( calEvent, jsEvent, view ) {
  var txt = 'Event: ' + calEvent.title + '<br>' +
            'Event Start: ' + calEvent.start + '<br>' +
            'Event End: ' + calEvent.end + '<br>' +
            'Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY + '<br>' +
            'View: ' + view.name;
  // for an image use: jQuery.facebox({ image: 'dude.jpg' })
  // for ajax page use: jQuery.facebox({ ajax: 'remote.html' })
  jQuery.facebox(txt);
 }
});

ああ、その他のcalEventオブジェクトを取得したい場合は、fullCalendarイベント オブジェクトページを見てください。Google カレンダー拡張機能を使用している場合は、さらに多くの可能性がありますdescription。location

于 2010-06-11T02:36:39.180 に答える