Сова-карусель с защелками - PullRequest
Новая
       19

Сова-карусель с защелками

0 голосов
/ 10 декабря 2018

Я использую Карусель Owl с вкладкой начальной загрузки.Для этого я написал следующий код Мой код 

<ul class="nav nav-tabs mytabs owl-carousel owl-theme">
                                        <li class="nav-item">
                                            <a class="nav-link active" data-toggle="tab" data-target="#dec1">
Tab1
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" data-target="#dec2">
                                                Tab2
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" data-target="#dec3">
                                               Tab3
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" data-target="#dec4">
                                               Tab 4
                                            </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" data-target="#dec5">
                                                Tab 5
                                            </a>
                                        </li>
                                    </ul>

                                    <div class="tab-content">
                        <div class="tab-pane active" id="dec1">
                            Tab cntent 1
                        </div>
                        <div class="tab-pane  fade" id="dec2">
                            Tab cntent 2
                        </div>

                        <div class="tab-pane fade" id="dec3">
                            Tab cntent 3
                        </div>

                        <div class="tab-pane fade" id="dec4">
                            Tab cntent 4
                        </div>



                    </div>

Моя проблема в том, что я использую карусель совы для прокручиваемых вкладок, но у меня проблема с активным классом.Возможно, существует конфликт между классом карусели сов и активным классом табуляции.Активный класс неправильно применяется к текущей активной вкладке.Пожалуйста, посмотрите мой бегущий пример.Пожалуйста, помогите.

1 Ответ

0 голосов
/ 10 декабря 2018 
<div class="nav-wrapper">
  <ul class="nav nav-tabs">
    <li class="active">
      <a class="active" data-toggle="tab" data-target="#dec1">
      Tab1
      </a>
    </li>
    <li class="">
      <a class="" data-toggle="tab" data-target="#dec2">
         Tab2
      </a>
    </li>
  </ul>
  <div class="tab-content">........</div>
</div>

Я удалил некоторые классы, и это работает.Может быть конфликт с классами карусели совы & используемыми классами.Проверьте этот код.

https://codepen.io/jeroenreijs/pen/pwpvrZ

...