javascript - Persistent Qtip -
i want use qtip2 display persistent tool tip. persistent mean tool tip should shown when page loading , should neither hidden nor destroyed lifetime of page. have tried solution here did not work me. in code can refer @ jsfiddle here, tool tip still hidden when target moused over. want behavior off tool tip stays in place.
for reference,to me,code:
<html> <head> <link href="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.css" rel="stylesheet" /> <link href="mycss2.css" rel="stylesheet" /> <style> #demo-simple{ margin:100px; border:1px red solid; } </style> </head> <body> <div id="demo-simple" class="box"> <div id="primary"> hello world </div> </div> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.js" ></script> <script type="text/javascript"> $(document).ready(function () { $("#primary").qtip({ content: { text: 'i primary' }, show: { ready: false, delay: 0 }, hide: { when: false }, position: { my: 'right center', at: 'left center', target: $('#primary') }, }); $("#primary").qtip('show'); }); </script> </body>
this make tooltip permanent upon page load. jsfiddle here.
$("#primary").qtip({ content: { text: 'i primary' }, show: { ready: true, delay: 0 }, hide: false, position: { my: 'right center', at: 'left center', target: $('#primary') }, });
Comments
Post a Comment