Question

我正在使用数据表的jQuery工具提示来显示动态内容。在加载动态内容时，旧元素的工具提示会在加载新内容后保留。我已经看到了被问到的完全相同的问题，但是接受的答案在我的场景中似乎没有用。下面是我添加到整个文档的工具提示代码

$(document).tooltip({
  position: {
    my: "center top",
    at: "center bottom+10",
    using: function( position, feedback ) {

      $( this ).css( position );
      $( "<div>" )
        .addClass( "arrow" )
        .addClass( feedback.vertical )
        .addClass( feedback.horizontal )
        .appendTo( this );
    }
  }
});

更改使用：如下所示（类似问题所示）并不能解决我的问题。

using: function( position, feedback ) {
            /* fix tooltip not hiding problem */
            if($( ".ui-tooltip" ).length>1){
                // since the new tooltip is already added, there are now 2. 
                // removing the first one fixes the problem
                $( ".ui-tooltip" )[0].remove();
            }
            $( this ).css( position );
            $( "<div>" )
            .addClass( "arrow" )
            .addClass( feedback.vertical )
            .addClass( feedback.horizontal )
            .appendTo( this );
        }
    }
});

Answer 1

这是一个老问题，但我最近遇到的问题。我选择的解决方案是在重新加载动态内容时从页面中删除所有工具提示。如果您正在使用DataTables库，那么这将在drawCallback初始化属性中。

您可以删除所有工具提示，如下所示：

$(".ui-tooltip").remove();

在动态更改DataTable内容后，Jquery工具提示保持不变

1 个答案: