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

【问题标题】：qTip2 html content removal when hide event triggeredqTip2 触发隐藏事件时删除 html 内容
【发布时间】：2015-10-02 15:00:31
【问题描述】：

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

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

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

谢谢，

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

【问题讨论】：

标签： javascript jquery html clone qtip2

【解决方案1】：

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

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

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

【讨论】：