maintain hover menu on mouseover in jquery -
I have a table with some customer data I verb (edit, delete, see) for the customer
is using jquery hover to show.
Below is html:
& lt; Table id = "hovertable" width = "100%" cellpadding = "0" cell spacing = "0" & gt; & Lt; TR & gt; & Lt; TD & gt; Line 1 column 1 & lt; / Td> & Lt; TD & gt; Line 1 column 2 & lt; / Td> & Lt; TD & gt; & Lt; Input type = "hidden" name = "iVal" value = "1" /> Line 1 column 3 & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; Line2 column1 & lt; / Td> & Lt; TD & gt; Line 2 column2 & lt; / Td> & Lt; TD & gt; & Lt; Input type = "hidden" name = "iVal" value = "2" /> Line2 column3 & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; Line 3 column 1 & lt; / Td> & Lt; TD & gt; Line 3 column 2 & lt; / Td> & Lt; TD & gt; & Lt; Input type = "hidden" name = "iVal" value = "3" /> Line 3 column 3 & lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt; & Lt; Div id = "hovermenu" style = "display: none; condition: complete;" & Gt; & Lt; A href = "home / edit" "id =" hoverlink "& gt; edit & lt; / a & gt; & lt; / div & gt;
and script here Is:
& lt; script type = "text / javascript" language = "javascript" & gt; $ (document) .ready (function () {$ ("# hovertable tr") Hover (function () {var pTop = $ (this) .offset () top; var pLeft = $ (this) .offset) left + $ (this) .Wide () - "10"; $ (' $ ("Href", "/ home / edit", "$ $ (this). Find ('input [name = (IVal)'). Val ()); $ (" #HoverMenu " ) CSS ({top: ptpe, left: PLEF}} show ();}, function () {$ ("# hover menu") hide ();}); }); & Lt; / Script & gt;
When I move the mouse over each row of the table, I can show the work for the customer line but when I verb (edit, delete, see) < / Code>, the hover menu hides.
What's the way to fix it?
Add it to your JavaScript:
$ ("# hovermenu "). Hover (function () {$ (this). Show ();}, function () {});
It should be displayed while roaming your menu.
Comments
Post a Comment