QTip在下载所有内容之前显示我的ajax内容

Question

我在我的项目中使用QTip，我遇到了一个非常令人沮丧的问题。

我有一个包含大约20个元素的页面。当他们站在他们身上时，qtip生成一个ajax请求并获得有关这些元素的其他详细信息，同时在qtip中显示它们。

问题是，在下载附加页面的所有内容并导致奇怪的工件之前，qtip似乎显示了提示。这是第一次发生每个附加内容。第二次显示提示没有问题。

以下是我如何调用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 }
                }
        });
    });