2017-10-11 67 views
0

我想从使用Ajax调用服务器动态显示工具提示文本编程后显示醉意。目前,提示文本不更新第一次点击,因为AJAX调用需要一些时间来接收数据。如何调用Ajax

$('.class').tipsy({ 
     gravity: $.fn.tipsy.autoNS, 
     html: true,   
     opacity: 1, 
     trigger: "click", 
     hoverlock: true, 
     title: function() { 
      $.ajax({ 
       url: apiurl, 
       type:'GET', 
       success: function(data){ 
        return '<p>' + data + '</p>'; 
       });    
     } 
}) 

如何以编程方式刷新醉酒或显示醉人的工具提示?

在先进的感谢!

回答

0

成功函数不返回预期的行为,因为它是回调函数返回不应用到你的标题功能,因此,你可以试试下面的代码可能工作里面设置成功回调函数来一个新的变量,并返回到标题功能。

$('.class').tipsy({ 
      gravity: $.fn.tipsy.autoNS, 
      html: true,   
      opacity: 1, 
      trigger: "click", 
      hoverlock: true, 
      title: function() { 
       var newTitle=''; //Or default like 'This is title' 
       $.ajax({ 
        url: apiurl, 
        type:'GET', 
        success: function(data){ 
        // return '<p>' + data + '</p>'; 
        //because it return is inside success callback no make sense for title function 
        newTitle='<p>' + data + '</p>'; 
        }); 
      return newTitle;    
      } 
    })