porno film izle seks jigolo
GENEL YAZILAR
Anasayfa » Web Design » JQuery » JQuery Çakışması ve Çözümü

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.

3 yorum

  1. teşekkür ederim işe yaradı.

  2. ikincide yani kayan yazıda değilde birincide yapacak olsaydık…

    $xx(window).load(function() {
    $xx(‘#slider’).nivoSlider();
    });

    gibi mi yapacaktık…. (Bu sorun bende de var. Nivo slider çalışmıyor. Bu şekilde yaptım ama düzelme yok… hatta sadece nivoslider varken (ikşnci scripti eklemeden bunu yapıyorum Nivo slidir tekken de çalışmıyor)

    • $xx(window).load(function() {
      $xx(‘#slider’).nivoSlider();
      });

      ___________________

      $xx < şu kısımların detaylarını inceleyiniz. gözden kaçan bir kısım olmalı yada birden fazla jquery kullanıyorsanız onlarıda bir gösden geçirmelişsiniz. genelde birden fazladan kastım

      jquery-2.2.0.min.js ve jquery-2.2.0.min.js gibi iki adet aynı işlemi gören jquery çakışması slider ve benzeri uygulamaları çalıştırmaz.

Bir Cevap Yazın

Scroll To Top
escort bayan ankara ankara escort ankara escort bayan sıhhıye escort izmir escort kadıköy escort kurtköy escort escort istanbul