[WordPress] キャッチ ReferenceError: jQuery はフクロウのカルーセルでは定義されていません

スポンサーリンク

質問

正常に動作するフクロウ カルーセルを取得しようとしているので、私は運を持っています。それはいくつかの JQuery のエラーを投げていると JQuery を使ってより多くの経験とあなたのいずれかが何が起こって知っているだろうと思いましてください。ここでは、ページへのリンクです。

Div サイト

ここでは私のフクロウ カルーセル HTML はめる

 
<script>
$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
      autoPlay: 3000, //Set AutoPlay to 3 seconds
 
      items : 4,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]
 
  });
</script>
 
#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
 
<!-- BEGIN PARTNERS SECTION--> 
        <div id="partners_section" class="clearfix">
            <div id="partners_container" class="clearfix">
                <p id="Our_Partners_In_The_Workforce" class="image wow fadeIn" data-wow-duration=".5s" data-wow-delay=".3s"/>
                Our Partners In The Workforce
                </p>

<div id="owl-demo">


 <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>
  <div class="owl-item grayscale" style="width: 293px;"><img src="http://lorempixel.com/200/200/technics/" alt="Owl Image"></div>

</div>

<script>
$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
      autoPlay: 3000, //Set AutoPlay to 3 seconds
 
      items : 4,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]
 
  });
</script>
            </div>
        </div>

<!-- END PARTNERS SECTION--> 

誰もが何をこの修正プログラムを見つけるために正しい方向に私を指す?

答え

jquery の js ファイルの最初と第二 owl.carousel.min.js を含めることを確認してください


答え

jQuery ライブラリを正しく含めていない

jQuery の最初に次のプラグイン

上記の head セクションに他のスクリプトの追加:

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

http://stackoverflow.com/questions/28057318/uncaught-referenceerror-jquery-is-not-defined-with-owl-carousel

スポンサーリンク

Leave a Reply