1

ユーザーが自分のプロフィールを見ることができるきちんとしたユーザー プロフィール ページの作成は、ほぼ完了しています。Wordpress に統合された Bootstrap フレームワークを使用しています。Bootstrap のタブを使用して多くの情報を取得し、ユーザーにとって明確に保ちます。「AWF I」と「AWF II」という 2 つのメイン タブがあります。これらのタブ内には、ファンドに関する情報と、写真を表示するフクロウ カルーセルがあり AWF I タブはここでアクティブです ます。 II" 私はこれを取得します: AWF II タブはここでアクティブです ご覧のとおり、写真/カルーセル自体は非常に小さく、これを克服する方法がわかりません。カルーセルは「AWF I」タブのように表示されるはずです。これがなぜ起こっているのかについてのいくつかのアイデアを与えるかもしれない手がかりがあります: Google Chrome で要素を右クリックして調べると、カルーセルは本来あるべき正しいサイズにポップします: 正しい表示はこれです しかし、「AWF I」に戻るとその後、そのカルーセルには小さな画像が表示されるため、基本的には Google Chrome で検査すると役割が切り替わります。

これについての手がかりはありますか？さらに情報が必要な場合はお知らせください。ありがとう！

更新 01

カルーセルを呼び出すために使用するコードは次のとおりです。

$(document).ready(function(){

$("#owl-awf1-properties,#owl-awf2-properties").owlCarousel({
    pagination: true,
    loop: true,
    dots: false,
    autoplay: true,
    autoplayTimeout:2000,
    autoplayHoverPause:true,
    margin:10,
    responsiveClass:true,
    responsive:{
        0:  {
            items:2
        },
        450:{
            items:3
        },
        767:{
            items:4
        },
        991:{
            items:5
        },
        1199:{
            items:5
        }
    }
});

});
4

1 に答える 1

2

@Jason Anello、www.teamtreehouse.com の mod は、Owl Carousel 2 からより古いがより安定した Owl Carousel 1 に切り替えることを提案することで、この問題を解決しました! css ファイルと js ファイルをバージョン 2 からバージョン 1 に変更したところ、カルーセルが正常に読み込まれるようになりました。ありがとうジェイソン!!

クリスティーナも助けてくれてありがとう！

于 2014-10-13T19:50:21.623 に答える