Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
0 / 0 / 0
Регистрация: 13.06.2013
Сообщений: 28

Перестало прилипать меню

16.01.2014, 12:30. Показов 1401. Ответов 12
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет ! Подскажите пожалуйста почему перестало прилипать меню, уже всю голову сломал...
плагин StickUp
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<div class="inner2">
                <div class="subMenu">
                    <ul class="navbar">
                        <li class="menuItem active"><a href="#sTop">Главная</a></li>
                        <li class="menuItem"><a href="#s1">Почему мы</a></li>
                        <li class="menuItem"><a href="#s2">Как работаем</a></li>
                        <li class="menuItem"><a href="#s3">Обучение</a></li>
                        <li class="menuItem"><a href="#s4">Автопарк</a></li>
                        <li class="menuItem"><a href="#s5">Новости</a></li>
                        <li class="menuItem"><a href="#s6">Контакты</a></li>
                    </ul>
                </div>
            </div>
 
 <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
 
    <!-- ### IMPORTANT ### stickUp javascript file -->
    <!-- ######################################### --> 
    <script src="js/stickUp.min.js"></script>
    <!-- ######################################### -->
 
    <!-- ### IMPORTANT ### stickUp options in use -->
    <!-- ######################################## -->
    <script type="text/javascript">
      jQuery(function($) {
        $(document).ready( function() {
          $('.subMenu').stickUp({
                        parts: {
                          0:'sTop',
                          1:'s1',
                          2: 's2',
                          3: 's3',
                          4: 's4',
                          5: 's5',
                          6: 's6',
                        },
                        itemClass: 'menuItem',
                        itemHover: 'active',
                        topMargin: 'auto'
                      });
        });
      });
    </script>
    <!-- ######################################## -->
</body>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
.inner2 {
    position: relative;
    height: 40px;
}
.subMenu {
    position: absolute;
    width: 1000px;
    background: #151513;
 
}
.navbar li a {
    display: block;
    height: 28px;
    width: 10%;
    float: left;
    text-decoration: none;
    font-size: 15px;
    padding: 12px 2% 0 2%;
    text-align: center;
    color: #fff;
}
.navbar a:hover{
  color:#0A64A4;
}
.navbar a:focus{
  background:#398439;
  font-weight:700;
}
.navbar a:hover {
  background:#f97f0b;
  color:#000;
}
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
16.01.2014, 12:30
Ответы с готовыми решениями:

Как заставить блок с position fixed останавливаться и прилипать в нужном месте окна браузера?
Господа спецы по JS, подскажите, пожалуйста, решение. Есть HTML код: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;style...

Поддменю перестало работать
Ребят, помогите, пожалуйста, разобраться с навигацией. Не появляются поддменю и сами стрелки. Раньше работало, а после оптимизации...

перестало корректно выводить данные
Доброго вечера. Подскажите если сможете пробую работать с ajax для пробы сделал пару &lt;select&gt; в первом хранятся страны, а во второй...

12
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
16.01.2014, 15:18
Толи действительно странноватый плагин, толи поверхностный осмотр дал такое ощущение, но суть не в этом. Одно из основных требований его правильной работы - это соответствие задаваемый параметров ("parts") и присутствие на странице элементов, с соответствующими id. То есть, если вы задали в опциях:
JavaScript
1
2
3
4
5
6
7
$('.subMenu').stickUp({
    parts: {
        0:'first_block',
        1:'block100500'
    },
    /* other options */
});
, то в обязательном порядке, должны быть и элементы
HTML5
1
2
3
<TAG id="first_block"></TAG>
<!-- и второй -->
<TAG id="block100500"></TAG>
. Отсутствие таковых - вызывает ошибку. Ну, и хеши в ссылках меню, так же должны присутствовать соответствующие. Если их не укажите, то ошибки это не вызовет, однако и при клике на них, перехода не будет.
0
0 / 0 / 0
Регистрация: 13.06.2013
Сообщений: 28
16.01.2014, 15:27  [ТС]
В том то и дело что айдишники прописаны

HTML5
1
<div class="inner4"  id="s1">
Это единственный плагин который работал, а потом перестал, причем в firebug показаны действия jquery и при нажатии меню перекидывает плавно т.е с обработкой jquery а именно прилипания нет..
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
16.01.2014, 15:41
Угадать будет достаточно сложно. Это может быть и несовместимость с какими-то другими плагинами на странице, и стили, которые повлияли на данное меню, и даже ошибки в html-разметке. Как бы там ни было, но не видя проблемы "вживую", разобраться в этом нельзя.
0
0 / 0 / 0
Регистрация: 13.06.2013
Сообщений: 28
16.01.2014, 15:47  [ТС]
Насчет разметки HTML наверняка согласен, так как я занимаюсь дизайном, а с версткой не часто сталкиваюсь и поэтому она хромает.. Посмотрите пожалуйста , если есть время - Проблема с меню
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
16.01.2014, 16:43
Собственно то, о чем я и говорил. У вас нет блоков с id-шниками s4, s5, s6. Повторюсь: даже отсутствие одного - критическая ошибка. Если они не должны быть на этой странице, но появляются на других, то замените их "элементами-призраками".
0
0 / 0 / 0
Регистрация: 13.06.2013
Сообщений: 28
16.01.2014, 17:00  [ТС]
Грандиозно ! Спасибо ! Может ли быть так, что по этой же причине не работали и другие такие же "липкие менюшки" ?
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
16.01.2014, 17:04
Конечно. И чтоб опять не повторяться, то в моем первом сообщении, я попробовал акцентировать на это внимание
0
0 / 0 / 0
Регистрация: 13.06.2013
Сообщений: 28
16.01.2014, 17:08  [ТС]
Спасибо ! Не имею возможности поднять вам репутацию, но все равно спасибо !!! Убил много времени и перепробовал много плагинов..
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
16.01.2014, 17:11
Цитата Сообщение от slatkey Посмотреть сообщение
... поднять вам репутацию
Дык, а зачем? Я её на зиму солить буду, что ли?
0
0 / 0 / 0
Регистрация: 13.06.2013
Сообщений: 28
16.01.2014, 17:14  [ТС]
Могу на телефон сотыгу бросить =)
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
16.01.2014, 17:18
И я могу... ))) Забудьте. Меня вообще не интересуют какие-либо "благодарности", достаточно "Спасибо" на словах.
Удачи.
0
0 / 0 / 0
Регистрация: 13.06.2013
Сообщений: 28
16.01.2014, 17:19  [ТС]
Спасибо Вам !
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
16.01.2014, 17:19
Помогаю со студенческими работами здесь

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

Работа с меню. При клике на кнопке меню или вне его, меню должно закрываться
Добрый вечер! Изучаю JQuery. Вот ради развития решил написать меню, практически такое же как на Хабре. Два дня ломаю голову над тем, как...

Раскрывающееся меню - при открытии/закрытии вложенного меню закрывается все меню
Проблема во вложенном меню. При открытии/закрытии вложенного меню закрывается все меню. Надо, чтобы главное меню не реагировало на клики во...

Перестало появляться контекстное меню
Добрый день. Случилось следущее. Пару дней назад перестало появляться контекстное меню при клике правой кнопкой мыши на каком- либо файле...

Перестало корректно работать выпадающее меню
Добрый день! Перестало корректно работать выпадающее меню. Joomla 2.5, шаблон ZT-Lagoo. Челоек, который наполнял сайт, говорит, что...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru