javascript функции конфликты

Question

У меня есть эти сценарии для моего сайта, но только одна функция работает одновременно, в зависимости от того, какой код близок к тегу head работает отлично. то, что является решением для работы, функционирует без какого-либо конфликта.

КОД приводится ниже:

<script type="text/javascript" src="demo_files/jquery.js"></script> 
    <script type="text/javascript" src="demo_files/jquery.vticker-min.js"></script> 
    <script type="text/javascript"> 
    $(function(){ 
     $('#news-container').vTicker({ 
      speed: 500, 
      pause: 3000, 
      animation: 'fade', 
      mousePause: false, 
      showItems: 3 
     }); 
      $('#news-container1').vTicker({ 
      speed: 700, 
      pause: 4000, 
      animation: 'fade', 
      mousePause: false, 
      showItems: 1 
     }); 
    }); 
    </script> 
    <style type="text/css"> 
    body{ font-family:Verdana, Arial, serif; font-size:14px;} 
    </style> 
    <link media="screen" rel="stylesheet" href="colorbox.css" /> 
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
    <script src="jquery.colorbox-min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    $(function() 
    { 
     $(window).bind('load', 
      function(e) 
      { 
       $.colorbox({opacity:0.3, href:"offer.html"}); 
      }); 
    }); 
    </script> 

Answer 1

Длинный ответ: Это потому, что вы в том числе JQuery дважды, один раз на самом верху, и снова примерно на полпути вниз (а уменьшенная версия).

Во второй раз, когда вы включаете библиотеку, объект $ будет переопределен, переопределяя существующий экземпляр. Любой код, прикрепленный к объекту $, когда это произойдет, например события и плагины, будет потерян.

Краткая Ответ: Удалите вторую копию jQuery, она должна работать тогда.