Qtip第一次单击不起作用，然后单击全部确定

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，然后单击两次，然后单击Qtip，这样OK即可。 如果我刷新页面，再次没有任何工作，其次一切都OK。 谁能帮我？ 提交我对ajax的调用时出错？ 还是其他地方？ 非常感谢您的帮助。

Answer 1

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