javascript - qTip Text Tip simple plugin not working -
i trying install simple text tip jquery called qtip following site: http://craigsworks.com/projects/qtip2/, no success. not working, not getting errors. have been trying troubleshoot on hour now.
my code below there blank div of class .something
trying display text using qtip
when box hovered confirm working.
javascript
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> <script type="text/javascript" src="jquery.qtip.min.js"></script> <script> $(document).ready(function(){ $(".myform").validate({ highlight: function(element, errorclass, validclass) { $(element).css('border', '1px solid red'); }, unhighlight: function(element, errorclass, validclass) { $(element).css('border', '1px solid #ddd'); }, messages: { first: "please specify name", } }); $('.something').qtip('hello'); }); </script>
markup
<form class="myform" method="post" action="action.php"> first <input type="text" name="first" class="required"/><br/> last <input type="text" name="last" /><br/> phone <input type="text" name="phone" class="required"/><br/> <div class="something" style="border:1px solid red; height:150px; width:300px;"></div> <input type="submit"> </form>
i appreciate suggestions on might problem.
many in advance!
your tooltip doesn't show expected because forgot add title attribute div didn't include css file of qtip 2.
http://qtip2.com/v/nightly/jquery.qtip.css
just complete 2 steps , code works.
Comments
Post a Comment