Проблема с наведением jQuery при наведении мыши

Я использую переменную 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);  
  });
});

Какую ошибку я сделал, пожалуйста?


jquery mouseover mouseout
person Zach Nicodemous    schedule 27.09.2011    source источник
comment
Звучит удивительно похоже на stackoverflow.com/questions/7569211/help-with- jquery-раскрывающийся список   -  person Blazemonger    schedule 27.09.2011

Ответы (1)


arrow_upward
2
arrow_downward

Используйте mouseenter и mouseleave вместо mouseover и mouseout. См. http://api.jquery.com/mouseenter/.

(Вы почти никогда не захотите использовать mouseover/mouseout, и когда вы это сделаете, вы будете знать это.)

person Daniel Brockman    schedule 27.09.2011