Как разобраться в совмещенных скриптах переключателя вкладок и слайдера?

вопрос

Здравствуйте.
У меня на сайте имеется горизонтальный блок с (пока что) тремя вкладками, внутри каждой которой должен быть слайдер, но он почему-то работает только в первой вкладке. Задача состоит в том, чтобы сделать слайдер и, к примеру, во второй вкладке.
Новости в вкладках выводятся через кастом. К странице подключены скорее всего три скрипта, которые отвечают за работу всего этого блока.
Помогите, пожалуйста, разобраться, как сделать слайдеры и в других вкладках.

Вот как выглядит сам блок:

Как разобраться в совмещенных скриптах переключателя вкладок и слайдера?

Вот код из шаблона:

Показать / Скрыть текст

        <div class="top-slider">
            <div class="tab-menu">
                <ul class="a-link">
                    <li class="act-yelow"><a href="javascript:SwitchTab2('tab_1', 'cont_1');" id="tab_1" class="active" href="#">Топ-фильмов</a></li>
                    <li><a href="javascript:SwitchTab2('tab_2', 'cont_2');" id="tab_2" class="no-active">Топ-сериалов</a></li>
                    <li><a href="javascript:SwitchTab2('tab_3', 'cont_3');" id="tab_3" class="no-active">Свежее</a></li>
                </ul>
                <div class="btn-left-right"></div>
            </div>
            <div class="clear"></div>
            <div id="cont_1"> 
                <div id="owl-demo" class="six-films owl-carousel owl-theme">
                {custom category="2-17" template="shortstory-2" aviable="global" from="0" limit="18" order="reads" cache="no"}
                <!-- Выводит популярные фильмы по количеству просмотров-->
                </div>
            </div>
            <div id="cont_2" style="display:none;">
                <div class="six-films ">
                {custom category="19" template="shortstory-2" aviable="global" from="0" limit="6" order="reads" cache="no"}
                <!-- Выводит популярные сериалы по количеству просмотров-->
                </div>
            </div>
            <div id="cont_3" style="display:none;">
                <div class="six-films">
                {custom template="shortstory-2" aviable="global" from="0" limit="6" order="date" cache="no"}
                <!-- Выводит последние добавленные новости-->
                </div>
                <div class="clear"></div>
            </div>
        </div>

Если увеличиваю лимит в второй или третье вкладке, то новости идут просто на вторую строчку.

Если надо, дам стили css.
Прикрепил файлы скриптов, который скорее всего отвечают за это.
slider.rar [5.38 Kb] (cкачиваний: 16)

Кто может помочь разобраться, отпишите, пожалуйста, здесь или в личку.

Ответил: Ashuk

Здорово! Я разобрался с этой проблемой, но есть еще одна проблема, у меня сериалы отображаются в разделе топ фильмов, когда нажимаешь на топ сериалов и обратно топ фильмов, то сериалы исчезают из раздела топ фильмов и все ок. Вот сайт: kino.hlam.pw посмотри. Проблема в style=display:none; , но я никак не могу разобраться с этой проблемой. Люди помогите?!

<script> window.addEventListener('load', ()=> { $('#category').on('change', function() { var value = $(this).val(); if ($.isArray(value)) { ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 ); } else { ShowOrHideEx("xfield_holder_year", value == 1 || value==2); } }) }); </script> year доп поле . 1 и 2 катег

Fancybox.bind("[data-highslide]", { groupAttr: 'data-highslide', idle:2000, Thumbs: false, caption: (fancybox, slide) => { if( slide.thumbEl && slide.thumbEl.alt ) { return slide.thumbEl.alt } } });

Как разобраться в совмещенных скриптах переключателя вкладок и слайдера?

Ответил: Ashuk

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

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

Автообновление DIV блока через Javascript

navigation.tpl отказывается дружить!

Модальные окна в DLE 10.3

Стандартные модальные окна DLE + доп. поля

Как запретить вывод блока на нескольких статических страницах?

Почему не работают табы при ajax full story?

Как вывести просмотры определенной новости ?

Помогите пожалуйста, фильмы отображаются не в том разделе?

Как сделать адаптивный слайдер через custom?