JQuery конфликт между двумя кодами приводит меня в замешательство

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() 

выше первого сценария и попробовать ...

Ref: http://api.jquery.com/jquery.noconflict/

Удалить все ошибки сценария из файла:

если yo U не хотите использовать 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>