0
フットロールのタブ機能をフローカルーセル2に追加しようとしましたが、正しく機能しません。ブートストラップの4つのタブは、フローカルーセル2で動作しません。
最初にどのメニュー項目をクリックしても適切な関連値が表示されますが、をクリックすると、2回目のクリック時にはは機能しません。 最後にクリックされた値で立ち往生。また、クラスは、第2クリックから変更されません。
HTML
<div class="tab-content">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">111111111111</div>
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">2222222222222</div>
<div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">3333333333333333</div>
</div>
<div class="owl-carousel owl-theme tab-slide" id="" role="tablist">
<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true"><img src="imgs/gallery/gal-1.jpg"></a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false"><img src="imgs/gallery/gal-2.jpg"></a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false"><img src="imgs/gallery/gal-3.jpg"></a>
</div>
JAVASCRIPT
jQuery(document).ready(function() {
$(".tab-slide").owlCarousel({
'items': 2,
'nav': true,
'navText': ['<i class="fa fa-chevron-left"></i>','<i class="fa fa-chevron-right"></i>']
});
});
あなたが意味することが適切に機能していないことを説明し、自分で問題を解決するために取った措置を含めてください。あなたが読んだ文書や問題を解決するために調査したことがありますか？ – wlh
最初に任意のメニュー項目をクリックすると適切な関連値が表示されますが、**秒**の時間をクリックすると機能しません。最後にクリックされた値でスタックします。また、**クラス**は2回目のクリックで変更されません。 –
これを元の質問に追加すると、これを遭遇した他のユーザーが回答方法のより良いイメージを持つことができます。 – wlh