Аккордеон перестал работать после того, как я вставил его в свой
У меня есть сайт, работающий по шаблону WordPress. Я вставил весь код аккордеона из W3School (здесь это https: //www.w3schools .com / HOWTO / howto_js_accordion.asp ) . моя версия неожиданно не работает.
Я включил строки CSS в файл main.css:
Я добавил HTML-код на странице через консоль администратора:
Затем я создал файл scripts.js и добавил его в шаблон с wp_enqueue_script в functions.php. так что я вижу, что он загружается, когда отображается код страницы.
Содержимое файла scripts.js:
Тогда при нажатии на аккордеоне ничего не происходит: в консоли нет ошибок js, не отображается содержимое аккордеона. как я мог заставить это работать?
Upd 1 изменил имена классов на уникальные js
Upd 2, когда я меняю порядок файлов .js, что мой файл идет в конце списка, то я получаю ошибку
Так что я полагаю
3 ответа
Я обнаружил, что WordPress добавляет p-теги в мой HTML-код, поэтому скрипт js рассматривал фантомные p-теги как целевые теги и пытался применить к ним действия. я отключил эти добавления:
В моем functions.php
Ваша ошибка в том, что вы смешали базовую версию (без анимации) с анимированной.
Для базовой версии уберите min-height: 0; и заменить его на дисплей: нет. Это потому, что ваша максимальная высота равна 0, а ваш код javascript меняет отображаемое значение с «none» на «block» и наоборот при нажатии. Следовательно, элемент становится блочным элементом, однако его высота ограничена max-height: 0.
Ваш CSS должен быть:
Или вы можете просто изменить свой JS, чтобы изменить значение максимальной высоты вместо отображаемого значения.
В вашем CSS заменить
Я только что проверил ваш код и только эта замена заставила его работать
Источник
Форум
Справочник
Страница 1 из 2 | 1 | 2 | > |
Опции темы | Искать в теме |
Я делаю сайт на Modx.
Но проблема у меня как раз в меню, а именно с javascript кодом аккордеон меню.
Изначально я брала пример двохуровневого меню и пыталась переделать на трьохуровневый.
Но возникла проблема.
Само меню выглядит так — «problema-menu.jpg» (картинка во вложении).
При нажатии на элемент меню нижнего уровня — на «FAAC 740», например, мое меню сворачивается до верхнего уровня (картинка «problema-menu-1.jpg» во вложении).
Видимо что-то в коде не дописано. Но где и как, я не знаю.
Как мне сделать, чтобы при нажатии на третий уровень меню, само
меню оставалось открытым на нужном уровне.
Некоторые данные:
1) Для создания меню используется css документы и два js документа.
Один — jquery-1.5.2.min.js (подключен к сайту).
Второй — scriptbreaker-multiple-accordion-1.js (с ним и проблемы).
2) Вот код scriptbreaker-multiple-accordion-1.js:
3) Сейчас сайт на локалке.
Прошу помочь новичку.
Очень нужно срочно решить эту проблему.
Источник
Почему в IE не раскрывается аккордеон меню, а через Google Chrome и Мозиллу все работает?
почему в IE не раскрывается аккордеон меню, а через Google Chrome и Мазилу все работает.
Ссылка на страничку с этим меню
http://school69.ucoz.ru/index/pozdravljaem/0-14
Код самого меню:
Код в CSS для этого меню:
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Баг в Google Chrome при ajax-запросе, Скрипт работает во всех браузерах кроме Google Chrome
данный скрипт срабатывает везде (опера, ИЕ, ФФ, Сафари), кроме Google Chrome: // запись в кэш.
Почему не работает прокрутка колесиком мышки модального окна в google chrome?
Есть картинка, которая открывается в модальном окне bootstrap. При большом размере изображения.
все браузеры открываются через google chrome
Здравствуйте.Помогите пожалуйста.Все браузеры открываются через google chrome,при этом постоянно.
Google Chrome не работает в обычный режим, а в режим инкогнито все работает
Ситуация такая: Гугл хром не работаеть, бесконечно загрузка идет, а в режиме инкогнито четка.
Записывайтесь на профессиональные IT-курсы здесь
css-свойство :hover не поддерживается в старых версиях IE. А так как в документе не указан именно в режиме «старом» работает браузер. Думаю, может проблема в этом..
Добавлено через 11 минут
А оно по-ходу до сих пор не поддерживается. Поищи костыли на эту тему.
Извиняюсь за дремучесть, я не совсем понимаю, подскажите, пожалуйста, это вот так должно выглядеть ?
Перед тегом HEAD ?
Здравствуйте! У меня аналогичная проблема, а именно: создаю сайт с использованием joomla 3. решил вставить готовый модуль аккордеон меню Accordeonck_2.0.2_j30, пункты меню не раскрываются в IE (у меня десятая версия), в других браузерах работает хорошо.
doctype прописан Впрочем, заменял на , картины не меняет.
свойство hover в коде самого меню используется вроде бы исключительно в связке типа li.level1 a:hover <. >, а с hover для ссылок у IE проблем быть не должно.
есть варианты, в чем заключается проблема? если нужно, то вот сам модуль: http://rghost.ru/47500206 Пожалуйста, помогите.
Обучайтесь IT-профессиям с гарантией трудоустройства здесь.
Изменение контекстного меню google chrome
Перелопатил адскую гору плагинов хрома и интернет на предмет изменения контекстного меню хрома.
Почему в браузере Google Chrome просвечивается winamp?
Сам winamp находится сзади, но часть его почему то появляется в окне браузера. Как это вообще можно.
Почему в google chrome сайт выглядит меньше
Может конечно вопрос и глупый, но всё же спрошу, не нашёл в инете ответа. В фаерфоксе сайт.
Почему Google Chrome не выводит в БД введенную информацию в textarea?
Почему Google Chrome не выводит в БД введенную информацию в textarea? Все браузеры выводят.
Или воспользуйтесь поиском по форуму:
Комментарий модератора | ||
|
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Запрос срабатывает в SQL Server, но не корректно срабатывает в Visual Studio 2017
(SELECT ROW_NUMBER() over (ORDER BY AVG(Отметки.Отметка) DESC) ID, .ФИО, .Группа, Отметки.
Таймер срабатывает раньше времени или вообще не срабатывает
Помогите, пожалуйста, разобраться, что нетак с таймером. Браузер Chrome При создании записи.
Аккордеон
Здравствуйте, при нажатии на h3 аккордеон работает, если в коде h3 заменить на li, то аккордеон.
Аккордеон
Вообщем уже около недели периодически разбиваюсь о «камни». Нужно чтоб меню обратно.
Записывайтесь на профессиональные IT-курсы здесь
я подключаю из из другого источника. Это правильно, или хотя бы допустимо?
Добавлено через 7 минут
не правится уже предыдущее сообщение придется исправленное еще раз прописать
Решение
Решение
Обучайтесь IT-профессиям с гарантией трудоустройства здесь.
Аккордеон
Подскажите,как сделать аккордеон открывающийся влево, при этом чтобы все его элементы также плавно.
Аккордеон
Уже 2й день немогу найти jb,re по причине незнакия java, помогите осознать и исправить. var.
widgetkit аккордеон
У меня joomla2.5 Скачала и установила widgetkit аккордеон. Все работало. Но перенесла на хостинг.
Меню аккордеон
Есть менюшка аккордеон. Как сделать так чтоб первый пункт меню по-умолчанию (при загрузке.
Или воспользуйтесь поиском по форуму: