Question

我在Magento中加载JQuery Carousel时出现问题 - 在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>

Answer 1

添加noConflict的方式看起来不正确。尝试用jQuery替换$。

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

猫头鹰旋转木马2不工作Magento

1 个答案: