我正在使用jQuery变量“mouseover”和“mouseout”来显示悬停在另一个上的DIV元素。
http://74.54.17.66/~adbuynet/case-studies/ - 如果您将鼠标悬停在右上角的“号召性用语”上,则会看到一个下拉列表。
问题是,当鼠标悬停在下拉列表本身时,下拉列表开始表现得很时髦并且不会保持打开状态。我的jQuery代码是:
$("#call-to-action").mouseover(function(e) {
$("#call-to-action-dropdown").show("slide", { direction: "up" }, 200);
e.stopPropagation();
});
$("#call-to-action").mouseout(function(e) {
$("#call-to-action-dropdown").hide("slide", { direction: "up" }, 200);
});
});
我犯了什么错误?
答案 0 :(得分:2)
使用mouseenter
和mouseleave
代替mouseover
和mouseout
。请参阅http://api.jquery.com/mouseenter/。
(您几乎不会想要使用mouseover
/ mouseout
,当您这样做时,您就会知道它。)