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 =“地图”的链接来加载与PHP代码Qtip最前一页点击Qtip，第二和接下来的点击，空载PHP代码Qtip工作确定。如果我刷新页面，再次没有工作，第二个一切OK。 任何人都可以帮助我吗？在我的Ajax调用中提交错误？或者其他地方 非常感谢您的任何帮助。

Answer 1

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