Javascript Ajax没有'；t在jQuery中悬停时更新

我按照制作了一个jQueryUI工具提示的Ajax示例（）。我对其进行了一些调整，使其通过使用数据属性加载不同的文件。我可以在页面加载时获取第一个内容，但当我将鼠标悬停在第二个标题上时，它不会检索第二个内容，并且仍然显示第一个内容。谁能告诉我代码有什么问题吗

$(document).tooltip({
      items: "[data-info]",

      content: function () {
            return $(this).data('info');
      },
      show: null, 
      close: function (event, ui) {
            ui.tooltip.hover(

          function () {
                $(this).stop(true).fadeTo(400, 1);
          },

          function () {
                $(this).fadeOut("150", function () {
                    $(this).remove();
                })
          });
        }
});

$('.loadtip').tooltip({
      my: "center",
      at: "right+200",
      track: false,

      content:function(callback) { //callback
       var loadfile = $('.loadtip').data("info");

        $.get(loadfile,{}, function(data) {
            callback(data);

        });

      },

});

HTML:

查看信息 查看详细信息 尝试使用：

var loadfile = $(this).data("info");

而不是：

var loadfile = $('.loadtip').data("info");

在

内容

功能中

var loadfile = $('.loadtip').data("info");