JQuery Çakışması ve Çözümü

Nivo Slider ve Kayan Yazı çakışmasından kaynaklanan jquery sıkıntısını çözerken kullandığım yolu buraya yazayım da belki birilerinin işine yarar. Çok Uzatmayacağım;

 

İlk Halleri;

    <!-- Nivo Slider Kısmı-->
    <link rel="stylesheet" href="slider/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="slider/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" media="screen" />
    <script type="text/javascript" src="slider/scripts/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="slider/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
    <!-- Nivo Slider Kısmı Son-->
  <!-- Kayan Yazı Kısmı-->
    <link type="text/css" href="kayan/style000.css" rel="stylesheet"/>
  <script type="text/javascript" src="kayan/jquery00.js"></script>
  <script type="text/javascript" src="kayan/ticker00.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $('#fade').list_ticker({
      speed:4000,
      effect:'fade'
    });
    $('#slide').list_ticker({
      speed:4000,
      effect:'slide'
    });    
  })
  </script>
  <!-- Kayan Yazı Kısmı Son-->

 

Yaptığım Değişiklik;

    <!-- Nivo Slider Kısmı-->
    <link rel="stylesheet" href="slider/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="slider/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" media="screen" />
    <script type="text/javascript" src="slider/scripts/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="slider/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
    <!-- Nivo Slider Kısmı Son-->
  <!-- Kayan Yazı Kısmı-->
    <link type="text/css" href="kayan/style000.css" rel="stylesheet"/>
  <script type="text/javascript" src="kayan/jquery00.js"></script>
  <script type="text/javascript" src="kayan/ticker00.js"></script>
  <script type="text/javascript">
  var $mam =  jQuery.noConflict();
  $mam(document).ready(function(){
    $mam('#fade').list_ticker({
      speed:4000,
      effect:'fade'
    });
    $mam('#slide').list_ticker({
      speed:4000,
      effect:'slide'
    });    
  })
  </script>
  <!-- Kayan Yazı Kısmı Son-->

 

İşin Özeti: İki scriptin çakışmaması için herhangi birine (ikincisine yaptım ilki aynı kaldı);

$degiskenadi= jQuery.noConflict();

şeklinde bir değişken tanımladım. Benim değişkenim mam oldu. Sonra $ işaretlilerin hepsini $mam yaptım. Bitti.

Kolay gelsin.