jQuery Kullanırken Diğer Kütüphanelerle Çakışmaları Önlemek

jQuery kütüphaneisni kullanırken (Ör: Prototype gibi) diğer javascript kütüphaneleriyle çakışmasını önlemek isteyeceğiniz durumlar olabilir. Ya da web siteniz için bir ekleti hazırladığınızda kullanılacak web sitesinde diğer javascript kütüphanelerinin kullanılma ihtimali var ise aşağıdaki gibi bir yöntem ile jQuery kütüphanesini çağırabilirsiniz:

(function() {

	var jQuery;

	if (window.jQuery === undefined || window.jQuery.fn.jquery !== '1.4.4') {

		var script_tag = document.createElement('script');
		script_tag.setAttribute("type" , "text/javascript");
		script_tag.setAttribute("src", "http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js");

		if (script_tag.readyState) {
			script_tag.onreadystatechange = function () {
				if (this.readyState == 'complete' || this.readyState == 'loaded') {
					scriptLoadHandler();
				}
			};
		} else {
			script_tag.onload = scriptLoadHandler;
		}
		(document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);

	} else {
		jQuery = window.jQuery;
		main();
	}

	function scriptLoadHandler() {
		jQuery = window.jQuery.noConflict(true);
		main();
	}

	function main() {
		jQuery(document).ready(function($) {
	   		/***** jQuery kullanarak yazmak istediğiniz herşey buraya *****/
		});
	}

})();

/***** jQuery kullanarak yazmak istediğiniz herşey buraya *****/ yazan kısma jQuery kodlarımız yazıyoruz. Dikkat ederseniz her durumda main(); fonksiyonu çağırılıyor…

Facebook Twitter Friendfeed

Leave a Reply

Your email address will not be published. Required fields are marked *

*


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>