javascript - 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 }
                }
        });
    });