0

qTip (v2) を使用している fullCalendar ページがあります。問題は、qTip のヒントが非常に遅く、時々マウスオーバー イベントが発生するように見えるため、再度マウスオーバーしてから起動する必要があることです。速度が低下していると思われる ajax 呼び出しがありますが、ajax 呼び出しを削除しても違いはありませんでした。

以下のコードは、fullcalendar の eventMouseover です。それが問題だとは思わないので、すべてのカレンダー コードは含めませんでした。

eventMouseover: function(calEvent) { // start MouseOver
            if (typeof calEvent.TeamDetailID != 'undefined'){ //start undefined
            $(this).qtip({
                content: {
                    title: { text: calEvent.title },
                    text: 'Loading...',
                    ajax: {
                        url: '/inc/_runcfc.cfm',
                        type: 'post',
                        data: {cfc:'Display'
                            , cfcMethod:'TeamDetail_popUpDetail'
                            , TeamDetailID: calEvent.TeamDetailID
                        },
                        success: function(data, status) {
                            this.set('content.text', data);
                        }
                    }
                },
               show: { delay: 0}
            }); // (this).qtip
            } //end if undefined
        } // end mouseOver

ajax呼び出しを使用しても、ajaxがコンテンツを置き換えるのにかかる時間に関係なく、ヒントは「読み込み中....」のコンテンツですばやくポップするはずだと思います。上記のコードは、他のすべてのマウスオーバーで「機能」しますが、それでもゆっくりです。私がこれを行う方法に何か問題がありますか?

4

2 に答える 2

0

あなたが説明している振る舞いはあなたのコードに沿っているように見えます...あなたは実際に最初のマウスオーバー（eventMouseoverハンドラー）でqtipを構成しています。 2回目のマウスオーバーで機能します）。

ただし、eventMouseoverイベントも再度呼び出されると、qtipを再初期化しています...

通常、ツールチップを一度設定してから、イベントの1つを使用して（使用しているqtipのバージョンで提供されていると仮定して）、条件付きでツールチップを表示/非表示にします。

于 2011-09-01T23:16:07.443 に答える
0

私は qtip を使用して大成功を収めています。しかし、私はそれをイベントレンダリングにロードしています

eventRender: function(event, element, view) {
    element.qtip({ //options });
}
于 2014-12-24T12:56:52.127 に答える