jQuery Aim плагин - Как скрыть меню, когда мышь уходит?

Тема в разделе "JavaScript", создана пользователем Styler247, 15 фев 2014.

  1. Styler247

    Styler247

    Регистрация:
    16 май 2013
    Сообщения:
    87
    Симпатии:
    2
    Привет всем ..

    Я пытаюсь сделать выпадающее меню при помощи 'jQuery Aim' плагин. Идея состоит в том, чтобы сделать его похожим на меню на Amazon.com. Проблема в том, что меню автоматически не прятаться, когда мышь уходит. Пользователь должен нажать вне меню, чтобы скрыть это. Как скрыть меню автоматически, когда мышь покидает его?

    Code: http://jsfiddle.net/ahmadka/23KY2/
     
  2. alex_storm

    alex_storm webdev

    Регистрация:
    11 дек 2012
    Сообщения:
    1.151
    Симпатии:
    667
    При потери фокуса пишется вот такой код
    $('div#block').focusOut(function(){
    $(this).hide();});
     
  3. Styler247

    Styler247

    Регистрация:
    16 май 2013
    Сообщения:
    87
    Симпатии:
    2
    Дело в том, что это не так просто. Целое меню состоит из нескольких отдельных областях. Код, который вы условии, могут быть использованы только если целое меню было только один гигантский район, который не так.

    Поскольку меню состоит из различных областей, код вы предоставили нуждается в обновлении, чтобы работать со всеми областей меню. Ниже приведен изображение, показывающее в каких местах мыши должны меню в данном периоде, и где должны быть скрыты. Галочка означает, что она должна быть показана, если мышь находится там, в то время как крест означает, что она должна быть скрыта, если мышь находится там.

    [​IMG]
     
  4. Styler247

    Styler247

    Регистрация:
    16 май 2013
    Сообщения:
    87
    Симпатии:
    2
    Любые идеи о том, как решить эту проблему?
     
  5. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    http://jsfiddle.net/23KY2/11/

    Вот решение.