我正在使用qTip2,我的工具提示之一在标签 DIV 中。在那个 DIV 里面我有一个链接,它应该打开一个nyroModal窗口(ajax 页面)。它仅第一次打开,下一次打开时,我将鼠标悬停并单击链接打开为简单的页面,例如target="_blank"
。
这是一个现场演示:http: //jsfiddle.net/Ja9dN/2/
HTML:
<div style="margin:50px 0 0 50px">
<span class="qTip">Hover to see the Tooltip with Content</span>
<div class="qTipContent">...<a href="http://craigsworks.com/projects/qtip2/" class="modalBox">This link</a> opens nyroModal window only once ... </div>
<p> </p>
<p><a href="http://craigsworks.com/projects/qtip2/" class="modalBox">This link open window</a></p>
</div>
JS:
$('.qTip').qtip({
content: {
text: function(api) {
return $('.qTipContent');
}
},
position: {
my: 'bottom center',
at: 'top center',
adjust: {y: 0 }
},
style: {
classes: 'ui-tooltip-light ui-tooltip-shadow ui-tooltip-rounded',
width: 390
},
hide: {
delay: 250,
fixed: true
}
});
$(".modalBox").nyroModal();
谢谢
解决了:
将内容调用更改为:
content: {
text: $('.qTipContent')
},