Несколько JavaScript на одной страничке: Один из них перестает работать.

A
На сайте с 19.04.2016
Offline
0
639

Добрый день!

Прошу помощи. Сам не могу понять почему так происходит.

Имеется html-страничка. Внизу страницы имеется вот такой код, который обеспечивает функционирование "Корзины":

<!-- Чтобы работала корзина - НАЧАЛО -->
<a href="/" id="base_url" style="display: none;"></a>
<script src="/js/standart.js" type="text/javascript" charset="UTF-8"></script>
<script src="js/cart.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
var cart = new Cart('cart');
</script>
<!-- Чтобы работала корзина - НАЧАЛО -->

В начале страницы подключаются JavaScript-ы:

<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript" src="/js/menu.js"></script>
<script type="text/javascript" src="/js/banner_pack.js"></script>
<script type="text/javascript" src="/js/light_box.js"></script>
<script type="text/javascript" src="/js/cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="/js/jquery.mix.js"></script>

В таком виде страничка работает как надо.

Теперь я хочу добавить на страничку галерею изображений. Для этого сразу после подключения последнего JS я добавляю следующий код:

<script type="text/javascript" src="/gal/_mootools.js"></script>
<script type="text/javascript" src="/gal/_class.noobSlide.js"></script>

<script type="text/javascript">
window.addEvent('domready',function(){
var startItem = 3; //or 0 or any
var thumbs_mask7 = $('thumbs_mask7').setStyle('left',(startItem*60-568)+'px').setOpacity(0.8);
var fxOptions7 = {duration:1000, transition:Fx.Transitions.Back.easeOut, wait:false}
var thumbsFx = new Fx.Style(thumbs_mask7,'left',fxOptions7);
var hs7 = new noobSlide({
box: $('box7'),
items: [0,1,2,3,4,5,6,7],
handles: $ES('span','thumbs_handles7'),
fxOptions: fxOptions7,
onWalk: function(currentItem){
thumbsFx.start(currentItem*60-568);
},
startItem: startItem
});
hs7.walk(0);
});
</script>

После того, как я добавляю этот код, перестает работать Корзина. А галерея работает.

Как сделать так, чтобы все заработало? :)

Спасибо.

[Удален]
#1

ну как минимум, не использовать разные библиотеки

M
На сайте с 12.11.2005
Offline
122
#2

AVZevs, погуглите "jquery noconflict", может поможет.

light_box.js - скорее всего тоже скрипт галереи, может стоит использовать его.

Попробуйте использовать другой скрипт галереи.

Если сильны в программировании, попробуйте найти проблему с помощью FireBug.

Удачи!

V7
На сайте с 07.03.2016
Offline
9
#3

Возможно это не ответ на вопрос, но вроде как тут

"var fxOptions7 = {duration:1000, transition:Fx.Transitions.Back.easeOut, wait:false}"

точка с запятой ";" пропущена. Ну так, на всяк случай.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#4
ve77er:
Возможно это не ответ на вопрос, но вроде как тут

"var fxOptions7 = {duration:1000, transition:Fx.Transitions.Back.easeOut, wait:false}"

точка с запятой ";" пропущена. Ну так, на всяк случай.

JS допускает такое.

Ну так, на всяк случай.

WF
На сайте с 18.01.2016
Offline
6
#5

покажите страничку что бы в консоли глянуть

Лендинги всего за 4500р (/ru/forum/923704)
S3
На сайте с 29.03.2012
Offline
324
#6

А в Firebug посмотреть на что летит ошибка - вера не позволяет? Там гораздо быстрее найдете что является причиной конфликта

дани мапов
На сайте с 06.09.2012
Offline
204
#7

Убрать конфликт между библиотеками jQuery и MooTools - http://nauca.com.ua/zametki/resolve-conflicts-jquery-mootools/

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий