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.

demo: http://jsfiddle.net/dzcc5/


Comments

Popular posts from this blog

monitor web browser programmatically in Android? -

Shrink a YouTube video to responsive width -

wpf - PdfWriter.GetInstance throws System.NullReferenceException -