mouseout上的jQuery悬停问题

时间:2011-09-27 12:59:19

标签: jquery mouseover mouseout

我正在使用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);  
  });
}); 

我犯了什么错误?

1 个答案:

答案 0 :(得分:2)

使用mouseentermouseleave代替mouseovermouseout。请参阅http://api.jquery.com/mouseenter/

(您几乎不会想要使用mouseover / mouseout,当您这样做时,您就会知道它。)