Выпадающие списки Superfish Child падают со страницы

Superfish — очень распространенный плагин меню, поэтому я удивлен, что мне трудно исправить это.

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

Люди предлагали применить свойство right: 0px; вместо свойства left: 0px; в файле superfish.css, но похоже, что сценарий JS записывает свои собственные свойства CSS в элемент как встроенные стили. На самом деле это выглядит так, будто измеряется ширина родительского меню, чтобы применить правильное значение left:.

В итоге подменю выглядит так

<ul class="sub-menu" style="left: 16.18181818181818em; 
    float: none; width: 14.5em; display: block; visibility: visible;">

Итак, я думаю, что я имею в виду... что применяет эти свойства CSS, если не файл CSS? Даже когда я применяю определенный класс для меню, которое я хочу «выпадающим» справа, а не слева, свойство все равно переопределяется.

Есть ли способ исправить это или просто сделать так, чтобы, как только я доберусь до второго уровня раскрывающихся списков (когда раскрывающиеся списки начинают идти влево, а не вниз), они вместо этого идут вправо?


person RCNeil    schedule 21.06.2013    source источник


Ответы (3)


Я как раз занимался той же проблемой. Похоже, эта "фича" выпала из дорожной карты :)

В любом случае, я нашел этот текст меню Superfish за пределами экрана

это решило это для меня, но YMMV, как всегда.

person Sean    schedule 21.06.2013

если CSS исходит из Javascript,

тогда вы можете использовать !important в своей таблице стилей, чтобы переопределить его.

Добавьте комментарий рядом с вашим правилом в таблице стилей, чтобы можно было вспомнить или понять использование left:0!important;/* !important is here to overide style from js' suckerfish menu */ :)

person G-Cyrillus    schedule 21.06.2013

Я решил эту проблему, просто сделав это...

Плагин jQuery Superfish Menu — v1.7.4

просто откройте Superfish.js и найдите visibility изменение на display

пример:

visibility: hidden to display : none

visibility: visible to display : block

Редактировать файл superfish js

введите здесь описание изображения

person Faizy    schedule 10.02.2016
comment
Рассмотрите возможность добавления кода в виде текста вместо снимка. - person Mi-Creativity; 11.02.2016
comment
я не могу отправить этот файл, но я могу дать вам ссылку на мои пакеты a2zdigitalmarketing.com/js/plugins.min .js найдите это: * Плагин jQuery Superfish Menu - v1.7.4 - person Faizy; 08.05.2016