конфликт 2-х скриптов

@zigzag32ru · Регистрация: 04.03.2012

Студворк — интернет-сервис помощи студентам

Привет тем кто не спит и читает эту тему

Изначально у меня стояло плавающие меню на jquery с вот таким кодом(код после текста),
и когда я захотел поставить менюшку с вкладками (табами), у меня произошел конфликт скриптов!
если я вставляю код меню (вкладки) не удалив (<script></script>) от плавающего меню, то эффект перехода между вкладками в меню(вкладки) пропадает , если же удалить (<script></script>) от плавающего меню, то все работает норм, но тогда не работает эффект в плавающем меню.
Вот такой вот замкнутый круг. Прошу совета и помощи у профессионалов ! Заранее спасибо!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul id="nav">
        <li id="selected"><a href="#">Главная</a></li>
        <li><a href="#">О сайте</a></li>
        <li><a href="#">Услуги</a></li>
        <li><a href="#">Карта сайта</a></li>
        <li><a href="#">Рубрики</a></li>
      </ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.spasticNav.js"></script>  
<script type="text/javascript">
$('#nav').spasticNav({
});
</script>

CSS стили плавающего меню

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
33
34
35
36
37
38
39
#nav {
       position: relative;
       background: #292929;
       float: left;
       margin: 5px 0 0 0px;
}
#nav li {
         float: left;
         list-style: none;
         border-right: 1px solid #4a4a4a;
         border-left: 1px solid black;
}
#nav li a {
         color: #e3e3e3;
         position: relative;
         z-index: 2;
         float: left;
         font-size: 15px;
         font-family: helvetica, arial, sans-serif;
         text-decoration: none;
         padding: 10px 25px;
}
ul, li {
    margin: 0; padding: 0;
}
#blob {
    border-right: 1px solid #0059ec;
    border-left: 1px solid #0059ec;
    position: absolute;
    top: 0;
    z-index : 1;
    background: #0b2b61;
    background: -moz-linear-gradient(top, #0b2b61, #1153c0);
    background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px #011331;
    -webkit-box-shadow: 2px 3px 10px #011331;
}

Добавлено через 12 часов 26 минут

Сообщение от zigzag32ru

Привет тем кто не спит и читает эту тему

Изначально у меня стояло плавающие меню на jquery с вот таким кодом(код после текста),
и когда я захотел поставить менюшку с вкладками (табами), у меня произошел конфликт скриптов!
если я вставляю код меню (вкладки) не удалив (<script></script>) от плавающего меню, то эффект перехода между вкладками в меню(вкладки) пропадает , если же удалить (<script></script>) от плавающего меню, то все работает норм, но тогда не работает эффект в плавающем меню.
Вот такой вот замкнутый круг. Прошу совета и помощи у профессионалов ! Заранее спасибо!

Ну что мне ни кто не поможет?

@suharik · 12.03.2012, 13:52

HTML5
1
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>

Убирай эту строку

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .