javascript - AJAX (jquery) + 工具提示

Question

我使用工具提示。当我隐藏工具提示功能的 native 浏览器功能(远程 Attr 标题)时，在 Ajax 更新后根本没有内容!我该如何解决这个问题？

jQuery('.tooltip').each(function(){
   $(this).data('title',$(this).attr('title'));
   $(this).removeAttr('title');

   jQuery(this).hover(function()
   {
      tooltip.show($(this).data('title'));
   },
   function()
   {
      tooltip.hide();
   });
});

这是我在加载页面时使用的(也是在使用 Ajax 请求时)。

编辑: 它仅在 FACYBOX 弹出窗口中不起作用!

Answer 1

当你这样做时:

$(this).data('title',$(this).attr('title'));
$(this).removeAttr('title');

您每次都会覆盖数据中 title 键中的内容，包括在您清空该属性之后，请改为执行以下操作:

if(!$.data(this, 'title')) {
  $.data(this, 'title', $(this).attr('title'));
}
$(this).removeAttr('title');

在此版本中，我们将检查数据是否已填充，如果已填充，则不要使用现在为空的 title 属性覆盖它。