jQuery показывает элемент при наведении, только если он уже скрыт - PullRequest
Новая
       10

jQuery показывает элемент при наведении, только если он уже скрыт

0 голосов
/ 06 ноября 2010

Я довольно новичок в jQuery и пытаюсь, но не могу пока создать элемент формы с классом .topbardropdownmenu для отображения, когда пользователь наводит курсор на кнопку с классом .menuitemtools.Как только пользователь наведет курсор на кнопку .menuitemtools, я не хочу, чтобы форма была восстановлена, если она уже отображается, следовательно, для подтверждения, что свойство if для проверки его свойства отображения - none.В настоящий момент этот скрипт работает, но каждый раз, когда вы наводите курсор мыши на кнопку .menuitemtools, форма возвращается, что вызывает раздражающее мигание.После отображения формы я не хочу, чтобы .menuitemtools что-либо делал, и я хочу, чтобы форма исчезала, когда мышь покидает форму.

Надеюсь, все ясно, и я не за горами?Большое спасибо за внимание к этому. 

$(document).ready(function () {
    $('.topbardropdownmenu').hide();
    if ($('.topbardropdownmenu').css('display') == 'none') {
        $('.menuitemtools').hover(function () {
            $('.topbardropdownmenu').fadeIn('slow');
        });
    }
    $('.topbardropdownmenu').mouseleave(function () {
        $('.topbardropdownmenu').fadeOut('slow');
    });

});

1 Ответ

0 голосов
/ 06 ноября 2010 
  $(document).ready(function () {
      $('.topbardropdownmenu').hide(); 
      $('.menuitemtools').mouseover(function() { 
        if(!$('.topbardropdownmenu:visible').length)
        {
          $('.topbardropdownmenu').fadeIn('slow'); 
        }
      });

      $('.topbardropdownmenu').mouseleave(function() { 
       $('.topbardropdownmenu').fadeOut('slow') 
      });
  });
...