Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Как сделать инициализацию слайдера?

Как сделать инициализацию слайдера?


     23.04.2016    jQuery    471

вопрос
Скрипты:


<script type="text/javascript" src="{THEME}/js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.reveal.js"></script>
    
<script type="text/javascript" src="{THEME}/js/jquery.min.js"></script>
<script type="text/javascript" src="{THEME}/js/plugins.min.js"></script>
    

<script type="text/javascript" src="{THEME}/js/main.js"></script>


Слайдер:

<div class="advantages">
    <div class="container">
        <h2 class="advantages__title">Преимущества</h2>
        <div class="advantages__slider">
            <div class="bx-wrapper" style="max-width: 100%; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 112px;"><ul class="js-slider" style="width: 415%; position: relative; transition-duration: 0s; transform: translate3d(-850px, 0px, 0px);"><li style="float: left; list-style: none; position: relative; width: 850px;" class="bx-clone">
                            <ul class="advantages__list">
                                                    <li class="advantages__item">
                                    <a href="/about.html#marketing">
                                        <div class="advantages__item-ico">
                                            <i class="advantages-ico advantages-ico_marketing"></i>
                                        </div>
                                        <div class="advantages__item-link">
                <span class="advantages__item-link link link_pseudo">Маркетинг</span>
                                        </div>
                                    </a>
                                </li>
                <li class="advantages__item">
                                    <a href="/about.html#security">
                                        <div class="advantages__item-ico">
                                            <i class="advantages-ico advantages-ico_security"></i>
                                        </div>
                                        <div class="advantages__item-link">
            <span class="advantages__item-link link link_pseudo">Безопасность</span>
                                        </div>
                                    </a>
                                </li>
                                                                                    
                                                </ul>
                        </li></ul></div><div class="bx-controls bx-has-controls-direction"><div class="bx-controls-direction"><a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div></div></div>
        </div>
    </div>
</div></div>
<!-- end .page-content -->


Ошибка в консоле:


main.js:389 Uncaught ReferenceError: BX is not defined(anonymous function) @ main.js:389j @ jquery.min.js:2k.fireWith @ jquery.min.js:2n.extend.ready @ jquery.min.js:2K @ jquery.min.js:2

    // init plugins after ajax
    BX.addCustomEvent('onAjaxSuccess', function() {
        var $selectLocation = $('.js-selectLocation'),
                selectLocation = $selectLocation[0];

        if (selectLocation && !selectLocation.selectize) {
            $selectLocation.selectize();
        }

        initTooltips();
    });


Ответил: Gameer


В DLE уже включен jquery, а вы его уже 3 раза подключаете (включая стандартный) из-за этого у вас идет конфликт скриптов.

Комментарии пользователей (2)

andros0705
103 | 17

andros0705 - 23 апреля 2016 19:05 - Юзер

ссылку на сайт

savinov099
9

savinov099 - 24 апреля 2016 20:58 - Юзер


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы