çakışmayı nasıl önleyebiliriz?

Herkese iyi haftalar,

Web sitemde index.php ye colorbox ekledim. Colorbox kendi örnek dosyasında çok güzel çalışıyor. Fakat sitemde çalışmıyor. js conflict sorununu herkes yaşamış sanırım ama elle tutulur birşey göremedim. Kendim js lerimi kaldırdım fakat yine olmadı. Yardımlarınızı rica ediyorum.

js lerim aşağıdaki gibi...

<!-- Flexy Menu icerik -->-
<link href="lib/styles/flexy-menu.css" rel="stylesheet" />
    <style>body{background: #fff url(./img/texture.png) repeat;margin: 0;padding: 0;}.content{margin:auto;}.flexy-menu{margin: 50px 0 0 0;}a.back{display: inline-block;text-decoration: none;color: #fff;margin: 50px auto;padding: 10px 30px;background: #333;font-family: Segoe UI;}
    </style>

<link href="lib/styles/font-awesome.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="lib/scripts/jquery-1.9.1.min.js"></script> <!-- Gereksiz Yukleme -->>
<script type="text/javascript" src="lib/scripts/flexy-menu.js"></script>
<script type="text/javascript">$(document).ready(function(){$(".flexy-menu").flexymenu({speed: 400});});</script>
    <!-- Flexy Menu icerik Sonu -->-


<link rel="stylesheet" href="lib/styles/custom.css" type="text/css" />
<link rel="stylesheet" href="lib/styles/reset.css" type="text/css" />
<link href="lib/styles/style.css" rel="stylesheet" type="text/css">

<!-- Man$et -->>
<link href="lib/styles/stylem.css" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="lib/scripts/ie6.js"></script>
<script type="text/javascript" src="lib/scripts/jquery.js"></script>
<script type="text/javascript" src="lib/scripts/scripts.js"></script>

<!-- Man$et Sonu -->

<!-- Scripts -->

    <script type="text/javascript" src="lib/scripts/custom.js"></script>
    <script type="text/javascript" src="lib/scripts/jquery.vticker.js"></script>
<!-- Scripts Sonu-->

<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="lib/slider/engine1/style.css" />
<!-- End WOWSlider.com HEAD section -->

<!-- ColorBox-->
<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script src="lib/colorbox/jquery.colorbox.js"></script>

<!-- ColorBox-->

Tarayıcı Dom'u yorumlarken bildiğiniz gibi yukarıdan aşağıya doğru yorumlar. Sayfanızda üç farklı jquery sürümü yüklüyorsunuz. Öncelikli tavsiyem bunlardan düşük sürümlü olanları kaldırıp denemeniz eğer ihtiyacları olan bağımlılığı sürümü yüksek olan jquery kütüphanesi karşılıyorsa sorun çözülebilir. Diğer bir önerim de ilk yol başarısız olursa sürümü düşük olanı dom yorumlamasına göre sürümü yüksek olandan önce çağırmanız. Yani 1.8, 1.9, 1.10 gibi sırayla alt alta dahil edeceksiniz. Javascriptlerinizi sayfanızın en altında gruplayarak çağırırsanız karışıklığı da önlemiş olursunuz.

Son olarak script.js ve custom.js içeriğini paylaşırsanız orada ki yapıyı da görmekte fayda var bence.

hem eklentilerin hemde farklı versiyon jquerylerin çakışmalarını jquery noconflict() methodu ile engelliyoruz. daha detaylı anlatım için jquery'nin kendi sitesine göz atabilirsin;
https://api.jquery.com/jQuery.noConflict/

anlamazsanız pm atın yardımcı olurum.