Форум

niiikkki · #1 (**permalink**) 01.04.2015, 09:35

есть такой ресурс test.dahnov-nn.ru к нему подключен boostrap последней версии и есть пункт меню наши работы где есть небольшая галерея + есть на сайте плавающее меню от бустрап с выпадающим списком.

Так вот: в head подключены 2 разных версии jquere.min.js. Версия 1.4 подключена для галереи а версия 1.11 подключена для выпадающего списка в меню. когда оба скрипта подключены не работает галерея, при отключении версии 1.11 перестает работать выпадающее меню.

При чем за галерею отвечает скрипт zoom.js и он каким от образом завязан с версией 1.4

Кто поможет советом как исправить данный конфликт?
Заранее очень благодарен

рони · #2 (**permalink**) 01.04.2015, 09:53

niiikkki,
поменяйте строки 25 и 26 местами может вам повезёт

jsnb · #3 (**permalink**) 01.04.2015, 10:14

Можно использовать jQuery.noConflict и обертки над кодом юзающим определенную версию JQ:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>var jq1_11 = jQuery.noConflict(true);</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>var jq1_4 = jQuery.noConflict(true);</script>
</head>
<body>

<script>
(function($, jQuery) {
  //внутри этой обертки используется 1.4.1
  alert('Первая обертка: ' + $.fn.jquery); 
})(jq1_4, jq1_4);

(function($, jQuery) {
  //внутри этой обертки используется 1.11.0
  alert('Вторая обертка: ' + $.fn.jquery); 
})(jq1_11, jq1_11);

//в глобальной области вообще нет
try {
  alert($.fn.jquery); 
} catch(e) {
  alert('Глобальная область: ' + e.message);
}
</script>

</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript