2016-06-12 1 views
1

私はそのスーパーカルーセルを使用したいと思いますが、なぜこのように見えますか?その後 Before grabbingベータ版Owl Carousel、初心者の皆様のために助けてください

Tadam

&。 ?

(関数($){

$('.carousel').owlCarousel({ 
     items: 1, 


    }); 
})(jQuery); 

誰もが問題をポイントでしたが、それに干渉する私のスタイルシートです 学ぼうと始まったばかり はありがとう

+0

ブラウザコンソールにエラーがありますか? ''または ''の末尾にあるコードがどこから呼び出されているのですか – charlietfl

+0

ええ、カーソル、ユーザー選択、-moz-transitionのエラーが表示されます。私のコードはの最後に呼び出されています。 –

答えて

1

:ちょうどことを作ったのですか?。。絶対に奇妙な、しかし、あなたのHTMLにowl-carouselに自分のクラス名を変更してみてください

次のJavaScript試してみてください。

$(document).ready(function() { 
    $(".owl-carousel").owlCarousel({"items": 1}); 
}); 

See this fiddle

によれば、このクラス名は必須であるかもしれません - 省略可能なデフォルトのスタイリングだけに含意するかどうかわかりません。

特別なマークアップは必要ありません。 コンテナエレメント<div class="owl-carousel">の内側にある divs(owlはすべてのタイプエレメントa/img/span ..で動作します)をラップするだけです。クラス「owl-carousel」 は、owl.carousel.css ファイルからの適切なスタイルを適用するために必須です。

+1

ラッピングIIFEは、 '$(document).ready()'に相当する '$(function(){}) 'と同じではありません。 Fiddleはこれを 'onload'ハンドラにまとめています – charlietfl

+1

ああ、私は時々そのことについていくつかのリマインダが必要ですが、違いを知っていました。 – Jonathan

+0

コードが先頭にある場合でもプラグインが初期化されていない可能性があります – charlietfl

関連する問題