jquery çakışması

Tarafından   7 Ağustos 2012

jquery çakışması,jquery çakışmasını engellemek,nasıl yapılır iki  jquery çakışması önce biri çalışıyor diğeri çalışmıyor yada en son hangi jquery en son çalışıyorsa o jquery işlevini yerine getiriyor.Bir çok tasarımda 2 adet kullanmaya çalıştım hep zorlandım herseferinde birini iptal etmek zorunluluğu doğdu nette bir çok kez aradım tek bir kod işimi çözdü ilk jquery kodları şöyle

örneğin :

<script type=”text/javascript” src=”nivoscripts/jquery-1.4.3.min.js”></script>
<script type=”text/javascript” src=”nivoscripts/jquery.nivo.slider.pack.js”></script>

<script type=”text/javascript”>
$(window).load(function() {
$(‘#slider’).nivoSlider( {effect: ‘random’, // Specify sets like: ‘fold,fade,sliceDown’
slices: 4, // For slice animations
boxCols: 4, // For box animations
boxRows: 4, // For box animations
animSpeed: 600, // Slayt geçiş hızı
pauseTime: 3000, // Her bir slayt ne kadar süre gösterimi
startSlide: 0, // Set starting Slide (0 index)
directionNav: true, // Next & Prev navigation
directionNavHide: true, // Only show on hover
controlNav: true, // 1,2,3… navigation
controlNavThumbs: false, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: ‘Prev’, // Prev directionNav text
nextText: ‘Next’, // Next directionNav text
randomStart: false, // Start on a random slide
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded
}
);
});
</script>

 

 

—yukardaki aynı kalsın değişiklik yapmayın

buda ikincisinin başlangıcı

<script src=”http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js”></script>

bu kodu sonradan ekleyin

Eklenecek

<script type=”text/javascript”>
var jk = jQuery.noConflict();
</script>

EKlenecek son

 

ikincinin kodları
burada

<script>jQuery yazan yerlerde $ işareti vardı yerine jQuery yazdım ve hatasoz bir şekilde iki jQuery de çalışmış oldu
jQuery(function() {
// create custom animation algorithm for jQuery called “bouncy”
jQuery.easing.bouncy = function (x, t, b, c, d) {
var s = 1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t – s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
}

// create custom tooltip effect for jQuery Tooltip
jQuery.tools.tooltip.addEffect(
“bouncy”,

// opening animation
function(done) {
this.getTip().animate({top: ‘+=15’}, 500, ‘bouncy’, done).show();
},

// closing animation
function(done) {
this.getTip().animate({top: ‘-=15’}, 500, ‘bouncy’, function()  {
jQuery(this).hide();
done.call();
});
}
);

jQuery(“#demo img[title]”).tooltip({effect: ‘bouncy’});
});
</script>

sizde bu problemle karşılaşırsanız sanırımki bu şekilde çözebilirsiniz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir