2016-03-23 8 views
-1

MagentoでのJQuery Carouselの読み込みに問題があります。Magentoでコピーする前にコードが完全に機能していました。Owl Carousel 2 Not Magento

ヘッド:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="https://code.jquery.com/jquery-migrate-1.2.1.js"></script> 
<script>jQuery.noConflict();</script> 
<?php echo $this->getCssJsHtml() ?> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$('.owl-carousel').owlCarousel({ 
loop:true, 
items:1, 
dots:true, 
dotsSpeed:true, 
responsiveClass:true, 
responsive:{ 
    0:{ 
     nav:true, 
     dots:false 
    }, 
    768:{ 
     nav:true, 
     dots:false 
    }, 
    970:{ 
     nav:false 
    }, 
    1170:{ 
     nav:false 
    } 
} 
}) 
}); 
</script> 

Page.xmlが正常に

<action method="addItem"><type>skin_js</type><name>js/owl.carousel.js</name></action> 
<action method="addCss"><stylesheet>css/owl.carousel.css</stylesheet></action> 
+0

これはWeb Ontology Language [タグ:owl]とは関係ありません。私はタグを削除しました。タグの説明を必ず読んでください。あなたの質問に正しい目を向けるのに役立ちます。言語(たとえば、[タグ:javascript])でタグを付けると、よく役立ちます。 –

+0

謝罪@JoshuaTaylorはOwlと呼ばれる言語があることを知らなかった – Rachael

答えて

0

あなたnoConflictを追加する方法が間違って見えるファイルを呼び出します。 $をjQueryという単語に置き換えてみてください。

jQuery(document).ready(function(){ 
jQuery('.owl-carousel').owlCarousel({ 
+0

Thanks Zach、今すぐ完璧に働いています:) – Rachael

+0

いつでも:Magentoと幸運。 –

関連する問題