jquery - sildeup,slidedown on hover with dropdownlist -
I have a UL tag in which the asp: dropdownlist (inside a div)
when The user is more than li, the slide is down with the drop down list and when the user closes the li, the div slideshow is there.
The problem occurs when I try to select a value from the dropdown list, so there is no option to select a value from this dropdown list.
Why does this happen? (I'm still on li.hover!)
What are my options?
This is an HTML example:
& lt; Ul & gt; & Lt; Li id = "l2" & gt; & Lt; Img src = 4.gif / & gt; & Lt; Div id = "popup6" class = "popup_block" & gt; & Lt; Asp: dropdown list id = "dd" runat = server & gt; & Lt; ASP: ListItem & gt; 1 & lt; / ASP: ListItem & gt; & Lt; ASP: ListItem & gt; 2 & lt; / ASP: ListItem & gt; & Lt; ASP: ListItem & gt; 3 & lt; / ASP: ListItem & gt; & Lt; ASP: ListItem & gt; 4 & lt; / ASP: ListItem & gt; & Lt; ASP: ListItem & gt; 5 & lt; / ASP: ListItem & gt; & Lt; / ASP: DropDownList & gt; & Lt; / Div & gt; & Lt; / Li & gt; & Lt; / Ul & gt; This is a Jquery example:
$ (document) .ready (function () {$ ("# l2"). Hover (function (stop Stop (true, true). Stop (true, true). Slidedown ();}, function () {$ ('# popup 6') stop (true, true). Fadeaut (400, function) description is false; });});}); Thank you in advance for any help
Simply
$ (function () {
$ ("select"). Mouseleave (event) {event.stopPropagation ();});
});
This will solve the problem :)
Comments
Post a Comment