javascript - jQuery Ajax 工具提示

Question

我尝试通过这个 jQuery 插件做 Ajax 工具提示:http://jquery.bassistance.de/tooltip/demo/

我有这样的东西:

<p id="foottip">
  <span href="/last_votes/6">footnote</span>.
</p>

<script type="text/javascript">
  $(function() {
    $("#foottip span").tooltip({
      bodyHandler: function() {
        //dj ajax here and cache
        var tip = ''
        var url = $(this).attr("href");

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

        return tip
      },

      showURL: false
    });
  })
</script>   

我是用异步Ajax请求来做的，但是解决方案有问题，有时会重定向页面。这似乎是一个错误。如何使用异步请求生成 Ajax 工具提示？我找不到将结果异步传递给工具提示的方法。

Answer 1

我遇到了同样的问题。发现了一个聪明的技巧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
});