JQuery – jQuery.noConflict() Metodu
Bu yazımızda JQuery dilinde jQuery.noConflict() metodunu inceleyeceğiz.JQuery dilinin varsayılan temel ana unsuru $(dolar) işareti olduğundan dolayı birden fazla JQuery işleminde ya da farklı JavaScript Framework’lerinin kullanılması sırasında $ operatörlerinin çakışması sonucu alınan hataları engellemek için jQuery.noConflict() metodunu kullanırız.
jQuery.noConflict() metodu ile JQuery kodlarını temsil eden $ operatörünü başka bir karakter ya da karakterler kümesine atayabilir ve sağlıklı bir şekilde kodlarımızı yazabiliriz.Bu işlem için aşağıdaki örnek çalışmaları inceleyiniz.
<html>
<head>
<script type="text/javascript" src="js/jquery-2.0.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
function AdGoster()
{
var ad = $("#ad").val();
alert(ad);
}
</script>
<input type="text" name="ad" id="ad" value="" />
<input type="submit" name="goster" id="goster" value="Göster" onclick="AdGoster();" />
</body>
</html>
Yukarıdaki kod bloğunu incelerseniz eğer JQuery işlemlerinin $(dolar) operatörüyle yapıldığını görüyoruz.Şimdi jQuery.noConflict() metodunu kullanarak aynı işlemleri yapacak operatörü farklı bir karakter ya da karakter kümesine elle atayalım.
<html>
<head>
<script type="text/javascript" src="js/jquery-2.0.2.min.js"></script>
</head>
<body>
<script type="text/javascript">
function AdGoster()
{
var genc = jQuery.noConflict();
var ad = genc("#ad").val();
alert(ad);
}
</script>
<input type="text" name="ad" id="ad" value="" />
<input type="submit" name="goster" id="goster" value="Göster" onclick="AdGoster();" />
</body>
</html>
Gördüğünüz gibi “var genc = jQuery.noConflict();” satırında jQuery.noConflict() metodu sayesinde $ operatörünü “genc” kelimesine atadım.Haliyle manuel olarak oluşturup $ operatörünün özelliğini atadığım “genc” komutuyla JQuery işlemlerine aynı şekilde devam edebildim.
Sonraki yazılarımda görüşmek ümidiyle…
İyi çalışmalar…
Teşekkürler