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
Post a Comment