Intereting Posts
Изменено значение meta_key в структурах, теперь на панели мониторинга отображаются нулевые пользователи single.php не получает стиль Создание плагина для изменения слизняков Добавить текст после слова WordPress $ wpdb и MySQL Create Trigger Виджеты в цикле, если они активны Невозможно вставить внутренние ссылки и ошибки меню. WordPress построен в меню панировочных сухарей? Различные миниатюры для страницы индекса и статьи Получить значение customizer с помощью ajax или customizer api и напечатать значение в теме Как я могу создать элемент IFRAME, который постоянно меняет имя класса? Запрос с использованием запроса WP с использованием цены мета-ключа Получать несколько сообщений о настраиваемых типах одновременно в запросе edit.php? Post_type Использование pre_get_posts для перезаписи поискового запроса для отображения сообщений из нескольких таксономий Включить теги из массива, игнорировать остальные в get_the_tags

Расширьте раскрывающееся меню двадцать с помощью jQuery с задержкой onmouseout

Я хотел бы расширить раскрывающееся меню чистого CSS стандартной темы 20ten, чтобы разместить небольшую задержку при скрытии подменю onmouseout.

Есть ли способ сделать это с помощью jQuery? Я видел некоторые решения, использующие hoverIntent:

  • Плагин jQuery Hoverintent в меню TwentyEleven

  • Улучшение встроенного выпадающего меню Thesis с помощью javascript .

Кажется, они не работают для меня. У меня несколько уровней навигации, и вышеперечисленные решения отображают все подуровни навигации сразу (без задержки onmouseout).

Может ли кто-нибудь помочь мне? Возможно, существует плагин для такого рода вещей?

заранее спасибо

Решение было очень простым! Просто используйте Superfish.js, как указано на http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started.

Обязательно включите в ваш WordPress суперфиш, hoverIntent и jQuery. В вашем пользовательском js-файле скрипта что-то вроде этого работает как шарм:

$('ul#theidofyourmenu').superfish({ delay: 600, // This will fire up the hoverIntent autoArrows: false // Disable this if you don't want arrows on toplevel nav links }); 

Благодаря @pixeline за его намек на использование Superfish.js