qTip2 html 触发隐藏事件时删除内容

Question

我想用 div 设置 qTip2 的内容。第一个显示事件（鼠标悬停）正确显示 div。但是，在我触发隐藏事件（鼠标移出）后，div 被清除并且 qTip2 显示空白工具提示。通过使用 firebug，我注意到当我将鼠标悬停时，div 被复制到 qtip，并且在触发 mouseout 之后，它就永远消失了。

jquery 克隆是一个选项，我试过了，但我的 div 包含一个 DataTables 对象，因此分页在克隆后停止工作。

我需要找到一种方法让 qtip 在复制 div 项目后不删除它。我想我需要一个 hide/show 机制。你有什么建议？

谢谢，

content: function()
{
     var qtipItem = this.id();
     var item = "#"+qtipItem+"_Detailed";
     var div_item = $("#detailedDiv").find(item);   
     return div_item;
}

Answer 1

这不是一个很好的解决方案，但我是这样处理这个问题的：

重新创建被 qtip 隐藏事件销毁的 div...

events: {
    hide: function(event, api) {
      if (qtipItem != null && detailedData != null && isqtipEmpty == false)      //re-create hidden(destroyed by qtip2) table
          contructDetailedRes(qtipItem, detailedData[qtipItem]);  
}

},

qTip2 html 触发隐藏事件时删除内容

qTip2 html content removal when hide event triggered

html

javascript

jquery

clone

qtip2