jQuery的qTip - 链接到一个隐藏的DIV从里面提示

Question

我试图把一个提示（qTip）内的链接，点击时显示一个隐藏的DIV的灯箱（nyroModal）里面的内容。定期锚标签未在工具提示中链接到一个收藏夹在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产生的特定链接更有效的方式，但是这应该让你至少开始。