|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
15.11.2012, 22:27 | #1 |
Пользователь
Регистрация: 15.11.2012
Сообщений: 14
|
Конфликт JS в WordPress
Всем привет!
Я новичок в WP, поэтому, может быть очевидных вещей не замечаю. Есть хороший скрипт адаптивного меню https://github.com/filamentgroup/RWD-Nav-Patterns (выбрала этот вариант https://github.com/filamentgroup/RWD...ter/index.html) должен работать как здесь http://filamentgroup.com/examples/rwd-nav-patterns/ Присоединила скрипты через functions.php, меню работает, но почему-то dropdown скачет еще и вправо http://b.pusku.com Не пойму, в чем проблема, то ли в конфликте скриптов, то ли в адаптивных стилях.. В js новичок. Буду благодарна за любую подсказку! |
17.11.2012, 02:04 | #2 |
Пользователь
Регистрация: 08.03.2012
Сообщений: 36
|
Olgamar, ваш скрипт - это jQuery плагин, вы подключили саму библиотеку? Если нет, делается это так:
Код:
Все гениальное - просто...
Последний раз редактировалось Free_den; 17.11.2012 в 02:13. Причина: * |
18.11.2012, 02:58 | #3 |
Пользователь
Регистрация: 15.11.2012
Сообщений: 14
|
Free_den, большое спасибо! Сохранила код в functions.php. Та же ситуация осталась. Я хотела, чтобы до 768px адаптивное меню сдвигалось и сжималось, как здесь (конечно, исходя из ширины 1170px макета бутстрапа), а вместо этого меню при сужении окна браузера, сначала скачет вправо и образуется dropdown, потом влево с тем же эффектом, мой сайт. Я подозреваю, что здесь может быть какой-то конфликт в css. Есть ли возможность совместить меню с бутстрапом или мне вовсе придется от него оказаться?
|
18.11.2012, 17:34 | #4 |
Пользователь
Регистрация: 08.03.2012
Сообщений: 36
|
Что-то ваша страничка у меня вообще ввиде одних ссылок выскочила, работаете наверное )). А вообще, если хотите сделать как на той странице:
1. смотрите исходный код и какие библиотеки они подключили 2. Элементы меню, делаете разметку как у них, 3. берете плагин, установленный у них (в данном случае для навигации это Код:
5.сохраняете их у себя, ну и дальше все настраиваете под себя
Все гениальное - просто...
|
18.11.2012, 20:26 | #5 |
Пользователь
Регистрация: 15.11.2012
Сообщений: 14
|
они на гитхаб все файлы меню выложили
но у меня все равно так не получается, наверное, конфликт с бутстрапом.. в общем, не получается с этим меню, попробую сделать с TinyNav.js, может с ним повезет) |
19.11.2012, 01:56 | #6 |
Пользователь
Регистрация: 08.03.2012
Сообщений: 36
|
JavaScript выполняется в браузере, и от сторонних ПО и процессов не зависит (за исключением ajax технологий, конечно). Обычно возникают неполадки из-за css-позиционирования; нарушения очередности вывода элементов (то есть если скрипт запускается до того, как элемент с кот. он работает загружен). В любом случае, надеюсь другое меню заработает без проблем. Удачи!
Все гениальное - просто...
|
19.11.2012, 02:32 | #7 |
Пользователь
Регистрация: 15.11.2012
Сообщений: 14
|
Спасибо за рассказ про js. В общем, все получилось, я написала промежуточный media quries и уменьшила размер шрифта и паддинги, освободилось необходимое место и меню перестало падать направо. но я его все равно снесла) там нужно много допиливать в js, и несмотря на то, что оно основано на progressive enhancement меню все таки по дизайну совсем некрасивое. Я нашла, как мне кажется неплохие меню здесь, может, когда тоже пригодиться. Еще раз спасибо, что подсказали нужное направление.
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Конфликт кодов | Trimbl | Microsoft Office Excel | 6 | 23.06.2012 02:28 |
Конфликт кодов | Brucebelg | Microsoft Office Excel | 3 | 10.02.2012 12:20 |
конфликт jquery | johny_03 | JavaScript, Ajax | 1 | 18.11.2011 00:09 |
Конфликт IP | Fellics{новичок} | Компьютерное железо | 3 | 30.12.2009 19:15 |
Конфликт версий? | Bezdar | Microsoft Office Excel | 8 | 06.07.2009 17:44 |