Ребятки добрые, помогите нубу. Всю голову сломал...
Итак, имеются 2 слайдера.
Первый слайдер на Bootstrap, второй на jQuery.
На официальном сайте бутстрапа сказано, при возникновении конфликта можно использовать следующий код:
var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton // give $().bootstrapBtn the Bootstrap functionality
Про jQuery таже история: "Используйте код:"
<script>jQuery.noConflict()</script>
Мой код выглядит следующим образом:
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/responsiveCarousel.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
Где: 1. Библиотека jQuery
2. Плагин jQuery
3. Bootstrap
При таком расположении скрипта работает слайдер на Bootstrap.
Если отключаю Bootstrap, начинает работать второй слайдер.
Как можно решить мою проблему используя .noConflict?
И может быть как то возможно ещё обойти этот конфликт...?
Единственное, что я дурачек смог придумать, так это обойти через iFrame, но это колхоз и меня такое решение не устраивает, поэтому прошу помощи друзья...
