Question

我想使用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>';
               });              
        }
 })

如何以编程方式刷新tipsy或显示有用的工具提示？

先谢谢!!!

Answer 1

成功函数不会返回预期的行为，因为它是回调函数并且返回未应用于您的标题函数，因此，您可以尝试下面的代码，这些代码可能将成功回调函数设置为新变量并将其返回到title函数。

$('.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;            
            }
     })

如何在ajax调用后以编程方式显示tipsy

1 个答案: