Tooltip fiddle not working for me -
http://jsfiddle.net/irvindominin/jlkcs/5/
i can't figure out why fiddle example isn't working. can me out might wrong in code?
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/jquery-ui.js" type="text/javascript"></script> <script>$(function () { $(document).tooltip({ content: function () { return $(this).prop('title'); }, show: null, close: function (event, ui) { ui.tooltip.hover( function () { $(this).stop(true).fadeto(400, 1); }, function () { $(this).fadeout("400", function () { $(this).remove(); }) }); } }); });</script> <link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/themes/black-tie/jquery-ui.css"> </head> <body> <p><a href="#" title="<span class='red'>this <a href='#'>link</a></sp an>">tooltips</a> can attached element. when hover element mouse, title attribute displayed in little box next element, native tooltip.</p> </body> </html>
Comments
Post a Comment