craigsworks.com - Support Forum

Full Version: [Solved] HowTo: Open a nyroModal window inside qTip
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello,
I'm using qTip2 and one of my tooltip is in tag <div>. Inside that DIVi have a link which should open a nyroModal window (ajax page) but it's opening as simple page like target="_blank".
When i put that link outside the qTip its working.

JS Code
$('.qTip').qtip({
					content: {
						text: function(api) {
							return $(this).next('.qTipContent').clone();
						}
				   	},
					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: 2000
					},
 
		});


and here is my content of that tip:
JS Code
<div class="qTipContent">
<p><strong>Upgrade</strong> or <a href="shopping-cart-1.html" class="modalBox">Join our club</a> to get .... 
</div>


Thanks,
Serghey

Update: here is the DEMO of this issue http://jsfiddle.net/Ja9dN/
resolved but now appeared another bug.
The nyroModal window opening only 1st time and the next one when I hover and click on link, the page is opening as simple page like target="_blank" and not in modal window.

http://jsfiddle.net/Ja9dN/2/
Stick the plugin initialisation inside the render callback: http://jsfiddle.net/Ja9dN/4/
(21st November 17:49)Craig Wrote: [ -> ]Stick the plugin initialisation inside the render callback: http://jsfiddle.net/Ja9dN/4/
this code doesn't open in modal window
Reference URL's