jQuery qTip - 从工具提示内部链接到隐藏的div

Question

我想在工具提示（qTip）中放置一个链接，单击时显示一个隐藏的div在Lightbox（nyroModal）内的内容。不在工具提示中的常规定位标记成功链接到在div中打开内容的div。

编号：http://jsbin.com/omafe/2/

可能需要的代码复制到记事本中，另存为HTML并打开该文件。 （jsbin不加载外部js插件文件）

任何帮助将不胜感激。谢谢。

Answer 1

似乎qTip正在存储一个'div.tipcontent'的副本到内存中（一个变量）。

我通过从div中删除类“隐藏”来发现这一点。当你这样做时，你会看到你有两个div。一个仍然在页面上，另一个由内存中的qTip使用。

作为一种解决方案，您可能需要修改qTip以将$('a').nyroModal();应用到它从内存呈现的链接节点上。

编辑

要灯箱效果添加到您的qtip链接，修改qtip初始化如下：

$('div.tooltip').qtip({ 
    content: $('div.tipcontent').html(), 
    position: { 
     corner: { 
     target: 'topRight', 
     tooltip: 'bottomRight' 
     } 
    }, 
    style: { 
     width: 150, 
     padding: 10, 
     background: 'silver', 
     color: 'black', 
     tip: 'bottomMiddle', 
    }, 
    hide: { 
     fixed: true 
    }, 
    api: { 
     onShow: function() { $('a').nyroModal(); } 
    } 
}); 

请注意，API调用昂秀。这会将nyroModal重新应用于页面上的所有链接，从而覆盖qtip中动态生成的内容。有可能是一种更有效的方法来缩小jQuery选择器到由qtip生成的特定链接，但这应该让你至少开始。