javascript - Qtip第一次点击不起作用，下次点击全部OK

Question

我正在使用 jQuery qtip 插件。我希望 qtip 的内容是动态加载的 php 代码。这是我的 ajax 代码:

$(document).ready(function(){
$('.mapa').qtip({
         show: 'click',
         hide: 'click',
         content:{
                    text: function(event, api) {
                             $.ajax({
                                   url: '/google_maps/mapa.php'
                                   })
                            .then(function(content) {
                               api.elements.tooltip.html(content);
                            }, function(xhr, status, error) {
                               api.set('content.text', status + ':  ' + error);
                            });
                            return 'Loading...'; // Set some initial text

                    },
                },
        position: {
        my: 'top right',
        at: 'top center',
        },
        style: {
        classes: 'qtip-blue',
        }
    });
});

然后我选择一个带有 id="mapa"的链接来加载带有 php 代码的 Qtip，第一次单击 Qtip 中不加载 php 代码，第二次和下一次单击，Qtip 工作正常。如果我刷新页面，首先再次没有工作，其次一切正常。 谁能帮我？我在 ajax 调用中出错？还是其他地方？ 非常感谢您的帮助。

Answer 1

如果您尝试将 api.elements.tooltip.html(content); 更改为 api.set('content.text', content);，它是否会显示第一次点击您的内容？