Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как сделать инициализацию слайдера?

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

     23.04.2016    Все вопросы » jQuery    1736

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


 <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();
    });


Ответил: PunPun

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

2 комментария

andros0705
Юзер

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

ссылку на сайт
savinov099
Юзер

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

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

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

 10.08.2013 G-Force  Стили (CSS), jQuery
 20.12.2014 GSMexpress  Общие вопросы по вёрстке, jQuery
 18.01.2015 Morse  jQuery
 20.01.2015 Morse  jQuery
 17.02.2015 serg91100  Шаблоны (TPL), jQuery
 23.03.2015 Kaleb  Шаблоны (TPL), jQuery
 25.03.2015 Nayzus  jQuery
 15.04.2015 DatiX  jQuery
 19.10.2015 4ortic  jQuery
 14.03.2016 Kaba4ek  jQuery, Общие вопросы по PHP
  • Jigurda | Как в description вставить значение доп. ... 2
    Фото Jigurda
    Jigurda
    Как в description вставить значение доп.поля?
    Сегодня, 10:54
    Немного не то. Нужно не заменить, а добавить к уже имеющемуся description свой текст с доп.полями
  • lutskboy | Как в description вставить значение доп. ... 2
    Фото lutskboy
    lutskboy
    Как в description вставить значение доп.поля?
    Вчера, 21:51
    https://sandev.pro/web/159-fullstory-metatags-by-sander.html
  • derebas | Как реализовать кнопку "Поделиться" как ... 1
    Фото derebas
    derebas
    Как реализовать кнопку "Поделиться" как на Плей Маркете?
    Вчера, 09:39
    Ну если на скорую руку то примерно так
    <style>
.sociallinks {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.sociallinks-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.social-container {
    display: flex;
    align-items: center;
}
.social-container > div {
    margin-left: 10px;
}

h2, p {
    margin: 5px 0;
}
.social {
  padding-top: 20px;
}
.social img {
  margin: 10px;
}
.sharebtn {
  padding-top: 20px;
  width: 100%;
}
.sharebtn_area {
  border: 1px solid black;
  height: 40px;
}
.sharebtn input[type="text"] {
  width: 70%;
  border: none;
  height: 95%;
}
.sharebtn button {
  width: 25%;
  height: 95%;
  border: none;
  background-color: #fff;
}
</style>
<button id="opensociallinksBtn">Поделиться</button>

<div id="mysociallinks" class="sociallinks">
  <div class="sociallinks-content">
    <span class="close">×</span>
    <div class="social-container">
        <img src="{image-1}" alt="Icon" width="30" height="30">
        <div>
            <h2>{title}</h2> 
            <p>Поделиться</p> 
        </div>
    </div>
    <div class="social">
        <a href="https://api.whatsapp.com/send/?text={full-link}"><img src="whatsapp.png" alt="WhatsApp" width="30" height="30"></a>
        <a href="https://www.facebook.com/sharer/sharer.php?u={full-link}"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
        <a href="https://twitter.com/intent/post?url={full-link}"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
        <a href="https://www.instagram.com/share?url={full-link}"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
    </div>
    <div class="sharebtn">
      <div class="sharebtn_area">
        <input type="text" id="inputText" value="{full-link}" readonly="true">
        <button id="copyBtn">Поделиться <img src="share.png" width="10px" alt="Share Icon"></button>
      </div>
    </div>
  </div>
</div>

<script>
var sociallinks = document.getElementById("mysociallinks");
var opensociallinksBtn = document.getElementById("opensociallinksBtn");
var closeBtn = document.getElementsByClassName("close")[0];
var copyBtn = document.getElementById("copyBtn");
var inputText = document.getElementById("inputText");

opensociallinksBtn.onclick = function() {
  sociallinks.style.display = "block";
}

closeBtn.onclick = function() {
  sociallinks.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == sociallinks) {
    sociallinks.style.display = "none";
  }
}

copyBtn.onclick = function() {
  inputText.select();
  document.execCommand("copy");
}
</script>
  • doktorpull | GeoIP - показ информации в зависимости о ... 1
    Фото doktorpull
    doktorpull
    GeoIP - показ информации в зависимости от страны посетителя сайта
    17-04-2024, 21:53
    Отличный модуль, хорошо работает. Рекомендую этого автора, так как заказывал у него несколько собственных разработок. Человек знает свое дело.
  • Gordi | Telegram Sender 12
    Фото Gordi
    Gordi
    Telegram Sender
    16-04-2024, 15:47
    купил. Модуль классный! Автору большая признательность!
  • TeraMoune | Как вывести тайтл и дискрипшен по маске ... 1
    Фото TeraMoune
    TeraMoune
    Как вывести тайтл и дискрипшен по маске в категориях?
    14-04-2024, 00:36
    Ну например вот так: https://lazydev.pro/product/12-dle-seo.html
  • zawibis | Как настроить редирект на внешние сайты? 1
    Фото zawibis
    zawibis
    Как настроить редирект на внешние сайты?
    13-04-2024, 14:53
    Нашёлся ответ.
    Нужно в настройках группы отключить параметр

    Автоматическая замена ссылок [url] в тег [leech]
    При включении данной опции все ссылки, которые пользователь публикует в теге [url], будут автоматически заменены на защищенные ссылки тега [leech]
  • TeraMoune | Как решить проблему с /xfsearch/значение ... 5
    Фото TeraMoune
    TeraMoune
    Как решить проблему с /xfsearch/значение?
    12-04-2024, 11:53
    Это не прикол, просто dle позволяет искать новости как по значению так и с указанием конкретного поля для этого значения. И если у вас стоят метрики на сайте то достаточно любому человеку открыть ссылку и убрать в ней что-то, если сайт при новом url вернёт статус 200 то метрики захотят этот url запомнить.
  • komosa | Как решить проблему с /xfsearch/значение ... 5
    Фото komosa
    komosa
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:34
    А вот прикол то в том, что это коснулось только author
  • lutskboy | Как решить проблему с /xfsearch/значение ... 5
    Фото lutskboy
    lutskboy
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:31
    может быть не один только author. и другие поля. как знать куда перенаправлять
наверх