при наведении на ссылку отобразите div, который показывает при наведении указатель мыши на ссылку и ссылку

0

У меня есть ссылка и на div наведите указатель на div, когда выходите в форму div и свяжите скрыть div с помощью jQuery. У меня есть код для отображения его, как я могу скрыть его, пока я оставляю курсор из этой ссылки и div.this это мой html-код.

 <a href="javascript:void(0);" id="show_div">2 items</a>
 <div id="dropcart">contents</div>

<script type="text/javascript">
$(document).ready(function(){
 $("#show_div").hover(function(){
       $("#dropcart").fadeIn();
    });                 
});

  • 0
    Почему вы, люди, голосуете за мой вопрос .. :(
  • 0
    Вы задаете этот вопрос ??? stackoverflow.com/questions/23148066/… проверьте мой ответ там.
Показать ещё 6 комментариев
Теги:

2 ответа

1
Лучший ответ
$("#show_div").hover(function(){
     $("#dropcart").fadeIn();
});

$("#dropcart").mouseleave(function(){
    if($("#show_div").is(':hover') === false)
    $("#dropcart").fadeOut("fast"); 
});

демонстрация

Поделиться
-2

EDIT: (для downvoters и OP)

Я не понял этот вопрос. Поэтому мое предложение будет заключаться в использовании тайм-аутов.

.hover(function(){ clearTimeout(window["timeoutVar"]); $("#dropcart").fadeIn(); },function(){window["timeoutVar"]=setTimeout(function(){ $("#dropcart").fadeout(); },50);});

Затем примените этот .hover к div, также. Таким образом, div будет исчезать после 50-миллисекундной задержки, если пользователь не нависнет над ним, что отменит таймаут (и предотвратит затухание).

Поделиться
  • 0
    Вы не поняли мой вопрос, но когда я наведу курсор на divcart div, он скрывается. это должно остаться показывать, когда я парю над div и link.-
  • 0
    Ах я вижу. Редактирую мой ответ сейчас.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню