2

fullcalendar および qtip プラグインを使用しています。
私はさまざまな色のイベントを持っています。私がする必要があるのは、フル カレンダー イベントの色に対応するツールチップを用意することだけです。イベントの色に応じてqtip(ツールチップ)の色を変えたいです。
それは可能ですか？
ありがとう.. ：）

ここに画像の説明を入力

ここに私のqtipのコードがあります

    eventRender: function (event, element) {
        element.qtip({
            content: {
                title: { text: event.title },
                text: '<span class="title" style="font-weight:bold;">Start: </span>' + ($.fullCalendar.formatDate(event.start, 'hh:mmtt')) +
                    '<br><span class="title" style="font-weight:bold;">End: </span>' + ($.fullCalendar.formatDate(event.end, 'hh:mmtt')) +
                    '<br><span class="title" style="font-weight:bold;">Where: </span>' + event.location +
                    '<br><span class="title" style="font-weight:bold;">Description: </span>' + event.description
            },
            position: {
                adjust: { screen: true },
                corner: { target: 'bottomMiddle', tooltip: 'topLeft' }
            },
            show: {
                solo: true, effect: { type: 'slide' }, effect: function () {
                    $(this).fadeTo(200, 0.8);
                }
            },
            hide: { when: 'mouseout', fixed: true },
            style: {
                tip: true, // Give it a speech bubble tip
                border: {
                    width: 2,
                    radius: 5,
                    color: '#474968'

                },
                title: {
                    color: '#fff',
                    background: '#9193c4'
                },
            }
        });
    }
4

1 に答える 1

0

イベント オブジェクトはclassName属性を受け入れます。これを使用して、CSS を使用してイベントに色を付けることができます (たとえば、「休日」クラスを適用します)。eventRender コールバック内で、このクラス ( if (event.className === 'holiday') ... ) の存在を確認し、ツールチップを適切に色付けできます。

于 2012-12-21T06:33:34.980 に答える