Javascript Qtip第一次单击时不工作，下一次单击全部确定

我正在使用jQueryQTIP插件。我希望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工作确定”。若我刷新页面，首先再次不工作，第二次全部OK。 有人能帮我吗？在我对ajax的调用中提交错误？还是其他地方？

---

非常感谢你的帮助

如果您尝试更改

api.elements.tooltip.html（内容）到
api.set（'content.text'，content）
，它是否在第一次单击时显示您的内容？
如果您尝试更改
api.elements.tooltip.html（内容）到
api.set（'content.text'，content）
，第一次单击时是否显示您的内容？
如果我更改为
api.set（'content.text'，content）第一次单击不工作，第二次也不工作：（在第二次和下一次单击不工作Qtip，如果我更改为
api.set（'content.text'，content）；
第一次单击不工作，第二次也不工作：（在第二次和下一次单击不工作Qtip）