javascript - Show tooltip at top using jquery -
I am using this jquery tooltip to show details of my link button but this tooltip is displayed below and How can I show tooltips at the top of my link button
HTML:
& lt; Html & gt; & Lt; Head runat = "server" & gt; & Lt; Title & gt; & Lt; / Title & gt; & Lt; Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> & Lt; Script src = "// code.jquery.com/jquery-1.10.2.js"></script> & Lt; Script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"></script> & Lt; Link rel = "stylesheet" href = "/ resources / demos / style.css" & gt; & Lt; Script & gt; $ (Function () {$ (document) .toltip ({status: {my: "center bottom", at: "center top"}}}}}); & lt; / script & gt; & lt; style Type = "Text / CSS"> Labels {Display: Inline-Block; width: 5 AM;} & lt; / style & gt; & lt; / head & gt; & lt; body & gt; & lt; Form id = "form1" runat = "server"> & lt; table & gt; & lt; li & gt; & lt; a href = "#" class = "pure css menu" & Gt; Department & lt; / a & gt; & lt; ul class = "pureCssMenum">
A class = "pure CSSMenu" href = "WebForm .aspx "title =" List of Manufacturers "& gt; Manufacturers & lt; / a & Lt; / li & gt; li class = "pureCssMenui">
See this link:
and in action (based on the EyasSH answer) $ (document) .tooltip ({status: {my : "Center bottom", // "anchor point" in the tooltip element: "center top", / / that anchor point according to the selected element Status}}}; If your tooltip is very large, then you can change your anchor to -40 after bottom in my Field: $ (document) .tooltip ({status: {my: "center bottom-40", // "anchor point" in tooltip element: "center top", // selected The position of that anchor point relative to the element}});
Comments
Post a Comment