javascript - qTip2 - all html content disaper on adding css -



javascript - qTip2 - all html content disaper on adding css -

i trying utilize qtip2 while adding css page content of page disappear..

need help if doing thing wrong..

<script type="text/javascript" src="jquery-1.10.2.min.js"></script> <!-- <script type="text/javascript" src="jquery.qtip.js"></script> --> <!-- <style type="text/css" href="jquery.qtip.css"/> --> <script type="text/javascript" src="http://qtip2.com/v/nightly/jquery.qtip.js"></script> <style type="text/css" href="http://qtip2.com/v/nightly/jquery.qtip.css"/> <script type="text/javascript"> $(document).ready(function() { $('.tooltip[id^="tooltip_"]').each(function(){ $(this).qtip({ content: $(this).find('span.tooltip'), hide: { fixed: true, delay: 180 } }); }); }); </script> <ul> <li><a id="tooltip_1" href="#" class="tooltip" >trigger1<span class="tooltip" style="display: none;">data_tooltip_1: can hover on , interacte me</span></a><li> <li><a id="tooltip_2" href="#" class="tooltip" >trigger2<span class="tooltip" style="display: none;">data_tooltip_2: can hover on , interacte me</span></a><li> <li><a id="tooltip_3" href="#" class="tooltip" >trigger3<span class="tooltip" style="display: none;">data_tooltip_3: can hover on , interacte me</span></a><li> </ul>

<style> tag used specifying css within html document itself, not referencing external css file can <script> javascript, content of page beingness threated stylesheet. need <link> tag:

<link rel="stylesheet" type="text/css" href="http://qtip2.com/v/nightly/jquery.qtip.css" />

javascript jquery

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -