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生成的特定鏈接，但這應該讓你至少開始。