javascript - QTip すべてのコンテンツをダウンロードする前に ajax コンテンツを表示する

Question

プロジェクトで QTip を使用していますが、非常にイライラする問題があります。

約 20 の要素を含むページがあります。それらの上に立つと、qtip は ajax リクエストを生成し、qtip で表示しながらこれらの要素に関する追加の詳細を取得します。

問題は、追加ページのすべてのコンテンツをダウンロードして奇妙なアーティファクトを引き起こす前に、qtip がヒントを表示しているように見えることです。これは、追加コンテンツごとに初めて発生します。2回目はヒントが表示され、問題はありません。

qtip を呼び出す方法は次のとおりです。

        $(".challenge_button").each(function (index, domEle)
    {
       $(domEle).qtip({
            content: {
                url: '/main/challenge_get_info/' + $(this).data("challenge-id") +'/'
            },
            position: {
                adjust: { x: -50, y: -10, screen: true },
                corner: {
                    target: 'bottomRight',
                    tooltip: 'topLeft'
                }
            },
            style: {
                name: $(this).data("state"),
                width: {
                    max: 500,
                    min: 370
                },
                tip: true
            },
            show: {
                    ready: false,
                    delay: 500,
                    effect:
                        {type : 'fade', length : 400 }
                }
        });
    });