jQuery Ajax工具提示

我碰到了同样的问题。发现了一个聪明的技巧 here 它动态地在BodyHandler回调中创建一个元素,然后在Ajax调用中更新该元素,以整齐地实现所需的效果。

适用于上述问题:

$("#foottip span").tooltip({
    bodyHandler: function() {
        var url = $(this).attr("href");
        var tip = $("<span/>").html("loading tip...");

        $.ajax({
            url: url,
            success: function(html){ tip.html(html); }
        });

        return tip;
    },
    showURL: false
});

是的,您的代码不会以异步方式工作:

var tip = ''
var url = $(this).attr("href");
$.ajax({
    url:url, success:function(html){tip = html;}, async:true
});

// -- The problem here is that your bodyHandler function will return
// -- immediately, before the AJAX callback is called.
return tip

要解决此问题,可能需要将工具提示呈现代码放入 success 您的回拨 $.ajax 请求。