Mehmet Ali Mersin
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.
teşekkür ederim işe yaradı.
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.