Конфликт двух скриптов! Помогите!
Дорогие профессионалы! Помогите, пожалуйста поставить 2 скрипта на страницу. Дело в том, что оба скрипта работают по одиночке. Но когда ставлю оба - работает только один. Не могу настроить. Извините, я самоучка, и не могу сам писать скрипты... :(
Вот страница, с одним скриптом в хедере - www.gizol.biz. Если прописываю другой скрипт ("аккордеон" - пример скрипта здесь - http://www.masterdom.biz/) - первый скрипт перестает работать. Вот фрагмент из header.tpl, где прописываю ссылки на скрипт: "<script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/menu.js"></script> <script src="/js/jquery-1.6.3.min.js" type="text/javascript"></script> <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="/js/tms-0.3.js"></script> <script type="text/javascript" src="/js/tms_presets.js"></script> <script type="text/javascript" src="/js/script.js"></script>" Для второго скрипта дописываю ещё следующее: " <!-- Add jQuery From the Google AJAX Libraries --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <!-- jQuery Color Plugin --> <script type="text/javascript" src="/js/jquery.color.js"></script> <!-- Import The jQuery Script --> <script type="text/javascript" src="/js/jMenu.js"></script> " Все! Первый скрипт не работает! Пожалуйста, подскажите, можно ли это исправить! Спасибо! |
Цитата:
|
Цитата:
|
Зачем подключать одну и ту же библиотеку несколько раз?
Это нужно убрать: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>и это то же: <script type="text/javascript" src="/js/jquery.js"></script> А не работает скорее всего из-за того, что скрипта <script type="text/javascript" src="/js/jquery.color.js"></script>нет на вашем сервере. |
Цитата:
Ведь если я оставляю <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery.color.js"></script> <script type="text/javascript" src="/js/jMenu.js"></script> то второй скрипт работает без проблем! Только перестает работать первый... |
Цитата:
|
gizol,
Дайте ссылку на страницу с обеими скриптами и ткните стрелкой на скриншоте - для определения - рабочести/нерабочести каждого из скриптов |
Цитата:
"<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/js/menu.js"></script> <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="/js/tms-0.3.js"></script> <script type="text/javascript" src="/js/tms_presets.js"></script> <script type="text/javascript" src="/js/jquery.color.js"></script> <script type="text/javascript" src="/js/jMenu.js"></script> <script type="text/javascript" src="/js/jquery.color.js"></script> <script type="text/javascript" src="/js/jMenu.js"></script>" Теперь работают оба скрипта. Вот страничка - http://www.gizol.biz Спасибо Вам за участие! |
Всем привет! Помогите разобраться нубу. Проблема один в один. На странице 2 скрипта для галереи:
первый скрипт делает сортировку картинок по категориям второй обычный лайтбокс, который как раз и не хочет работать. Советы выше не привели к положительному результату. HELP! Вот шапка: <!DOCTYPE HTML> <html> <head> <title>Галерея</title> <meta charset="utf-8" /> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet"> <link href="img.css" rel="stylesheet"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <link type="text/css" href="css/styles.css" rel="stylesheet" media="all" /> <script src="js/jquery.quicksand.js" type="text/javascript"></script> <script src="js/jquery.easing.js" type="text/javascript"></script> <script src="js/script.js" type="text/javascript"></script> <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script> <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" /> </head> вот сама ссылка http://aivaz.art-studio21.ru/gal.html |
art21,
ваша картинка закрыта от клика лежащим на ней элементом . дело в css а не в скриптах, хотя желательно ключи ставить в кавычки "show_title":false, "overlay_gallery": false |
рони,
Не совсем понимаю каким элементом. Что посоветуете применить? |
art21,
уберите <div class="home-portfolio-text"> в этом блоке и картинка станет кликабельной |
рони,
Спасибо огромное!!! |
у меня похожая проблема, имеется подключенное меню аккордион
<script src="<?=TEMPLATE?>js/jquery-1.11.3.min.js" type="text/javascript"></script> <script src="<?=TEMPLATE?>js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script> <script src="<?=TEMPLATE?>js/jquery.cookie.js" type="text/javascript"></script> <script src="<?=TEMPLATE?>js/workscripts.js" type="text/javascript"></script> <script src="<?=TEMPLATE?>js/equalHeight.js" type="text/javascript"></script> пытаюсь добавить календарь <script src="<?=TEMPLATE?>js/date.js" type="text/javascript"></script> <script src="<?=TEMPLATE?>js/jquery.datePicker-2.1.2.js" type="text/javascript"></script> календарь не работает, но если первые 3 строки закомментировать и добавить <script src="<?=TEMPLATE?>js/jquery.js" type="text/javascript"></script> то календарь работает, но перестает работать аккордион, в чем моя ошибка? |
Цитата:
Цитата:
|
Спасибо! а где их можно найти, что-то я не могу разобраться как с официального сайта скачать?
|
diman0407,
где ссылка на ваш календарь? |
|
diman0407,
https://github.com/vitch/jQuery-datepicker кнопка Download ZIP для скачивания нового календаря документация и примеры раздел Demos http://2008.kelvinluck.com/assets/jq...icker/v2/demo/ русификация осталась старая должна быть в комплекте но если надо https://github.com/vitch/jquery-methods/tree/master |
Спасибо!
|
после добавления в head
<!-- jQuery --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <!-- required plugins --> <script type="text/javascript" src="scripts/date.js"></script> <!--[if IE]><script type="text/javascript" src="scripts/jquery.bgiframe.js"></script><![endif]--> <!-- jquery.datePicker.js --> <script type="text/javascript" src="scripts/jquery.datePicker.js"></script> также перестает работать аккордион:cray: |
diman0407,
/1.5.2 это выкинуть и забыть ставить одну версию http://code.jquery.com/jquery-1.11.3.min.js http://jquery.com/download/ |
|
Здравствуйте! у меня похожая проблема! использовал 2 скрипта (1-й для слайдера-карусели, а 2-й для лайтбокса), на страницах без слайдера лайтбокс работает, вместе - работает только слайдер
Я новичок в этих вопросах( подскажите пожалуйста в чем может быть проблема и как попробовать исправить? <link href="/slick/slick.css" rel="stylesheet" type="text/css" /> <link href="/slick/slick-theme.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script><script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script><script type="text/javascript" src="/slick/slick.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.variable-width').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 2, centerMode: true, adaptiveHeight: true, variableWidth: true, }); }); </script><script type="text/javascript"> $(".eMessage img").each(function(){ if($(this).attr("src").length>0){ var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):""); $(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>'); }; }); </script> <div class="variable-width"> <div class="eMessage"><img src="/Images/1.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div> <div class="eMessage"><img src="/Images/2.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div> <div class="eMessage"><img src="/Images/3.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div> <div class="eMessage"><img src="/Images/4.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div> <div class="eMessage"><img src="/Images/6.jpg" style="height: 235px; border-width: 3px; border-style: solid; margin: 5px; color:#000000;" /></div> </div> ссылка на страницу http://psyprofy.ucoz.net/index/o-nas/0-5 |
bazanati,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Я в конструкторе юкоз сайт делаю, выглядит примерно так:
<HTML> .... <body> ...мой код... </body> </HTML> |
bazanati,
не могу вам помочь, но грузить лучше 1 раз jquery и более актуальные версии плагинов. |
| Часовой пояс GMT +3, время: 09:36. |