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

时间:2015-10-02 15:00:31

标签: javascript jquery html clone qtip2

我想用div设置qTip2的内容。第一个show事件(mouseover)正确显示div。但是,在我触发隐藏事件(mouseout)后,div被清除,qTip2显示一个空白的工具提示。 通过使用firebug,我注意到,当我鼠标悬停时,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;
}

1 个答案:

答案 0 :(得分: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]);  
}  

},