Question

我相信这两个Jqueries之间存在冲突。我的Jquery版本是：1.8.2。

<script type="text/javascript">

jQuery(document).ready(function($) {


    var portfolioCarousel = $("#widget-portfolio-2");

    portfolioCarousel.carouFredSel({
        width : "100%",
        height : "auto",
        circular : false,
        responsive : true,
        infinite : false,
        auto : false,
        items : {
            width : 280,
            visible: {
                max: 1
            }
        },
        scroll : {
            wipe : true
        },
        prev : {    
            button : "#widget-portfolio-2-prev",
            key : "left"
        },
        next : { 
            button : "#widget-portfolio-2-next",
            key : "right"
        },
        onCreate : function () {
            $(window).on('resize', function(){
                portfolioCarousel.parent().add(portfolioCarousel).css('height', portfolioCarousel.children().first().outerHeight() + 'px');
            }).trigger('resize');
        }
    });

});

和这一个：

<script type="text/javascript">

            jQuery(document).ready(function() {
                jQuery('#example2').showbizpro({
                    dragAndScroll:"off",
                    visibleElementsArray:[5,4,3,1],
                    carousel:"on",
                    heightOffsetBottom:10,
                    mediaMaxHeight:[150,150,150,150],
                    rewindFromEnd:"off",
                    autoPlay:"off",
                    delay:2000,
                    speed:750
                });



                // THE FANCYBOX PLUGIN INITALISATION
                jQuery(".fancybox").fancybox();





            });

        </script>

第二个完美无缺。第一个没有。

我希望有人能解决这个问题。

你能看到问题吗？提前谢谢你，

Cruxy

Answer 1

添加

jQuery.noConflict()

在第一个脚本之上并尝试...

参考：http://api.jquery.com/jquery.noconflict/

从文件中删除所有脚本错误：

如果您不想使用fancybox，请将其从脚本中删除..

Answer 2

如果你使用的是jquery 1.10.2

，请尝试使用类似的东西

<script type="text/javascript">

$(function() {


var portfolioCarousel = $("#widget-portfolio-2");

portfolioCarousel.carouFredSel({
    width : "100%",
    height : "auto",
    circular : false,
    responsive : true,
    infinite : false,
    auto : false,
    items : {
        width : 280,
        visible: {
            max: 1
        }
    },
    scroll : {
        wipe : true
    },
    prev : {    
        button : "#widget-portfolio-2-prev",
        key : "left"
    },
    next : { 
        button : "#widget-portfolio-2-next",
        key : "right"
    },
    onCreate : function () {
        $(window).on('resize', function(){
            portfolioCarousel.parent().add(portfolioCarousel).css('height', portfolioCarousel.children().first().outerHeight() + 'px');
        }).trigger('resize');
    }
});

$('#example2').showbizpro({
    dragAndScroll:"off",
    visibleElementsArray:[5,4,3,1],
    carousel:"on",
    heightOffsetBottom:10,
    mediaMaxHeight:[150,150,150,150],
    rewindFromEnd:"off",
    autoPlay:"off",
    delay:2000,
    speed:750
   });



 // THE FANCYBOX PLUGIN INITALISATION
 $(".fancybox").fancybox();

});
</script>

两个代码之间的Jquery冲突让我发疯

2 个答案: