Хорошо, для полной отладки потребовалось некоторое время, главное в Superfish - то, что ваше меню должно работать ПЕРЕД добавлением улучшений Superfish, а ваше - из их собственной документации (с моим жирным шрифтом):
Superfish - это расширенный плагин jQuery для меню в стиле Suckerfish, который берет существующее раскрывающееся меню с чистым CSS (таким образом, изящно деградирует без JavaScript) и добавляет следующие востребованные улучшения
Оригинальный выпуск
Причина, по которой вы получили задержку, состоит в том, что вы не применили правила li.sfHover
в CSS к тем же местам, где был li:hover
также используется, например,
#header .webmenu .main-menu ul li:hover,
#header .webmenu .main-menu ul li.sfHover
{
background:url('http://www.stylishmedia.co.uk/ak/wp-content/themes/AshtonKlein/library/images/menu_current.png') repeat-x;
}
, чтобы в каждом месте вызывался li:hover
, и ваша исходная проблема была исправлена
Другие вещи, обнаруженные на пути
Я нашелэто было трудно отладить, потому что IE не работал вообще без скрипта, но как только я запустил его, например, IE7 и ниже не понравились float: right
изображений индикаторов, это быловзяв ссылки, которые содержали их на 100% ширины, что означало, что «Ashton Klein», первая ссылка, составляла 100% ширины верхней строки меню, а затем перебрасывала все остальные пункты меню в строку под
решениемэто означало абсолютно позиционировать изображения, но это означало, что ссылки не стали достаточно широкими, чтобы «отделить» изображения от текста, но Superfish также классифицирует эти ссылки sf-with-ul
, так что вы можете добавить дополнительные правые отступы к ним -и затем поместите изображения в дополняемое пространство
Я немного изменил размер ссылок меню, потому что он вообще не был стабильным в IE, и менялся в зависимости от версии, а также от браузера, иногда падения былиначиная слишком высоко над текстом, в FF они фактически обрезались ... вы также не можете использовать display: inherit;
(хорошо, вы должны это сделать, но это пока слишком глючно), поэтому меню не появлялось без сценария
извините, что он перепутан, я думаю, что лучше дать код, чтобы вы могли теперь взять и сравнить свою версию с этой, чтобы увидетьвсе различия ..
ссылка на рабочий пример
если вы закомментируете скрипт внизу, вы увидите, что он делает это сейчасработать без него тоже, хотя никаких причудливых задержек не происходит;)