jQuery.noConflict(), evitando conflito com outras biliotecas

Como vimos no post anterior, quando são utilizadas várias bibliotecas JavaScript em um mesmo projeto corre-se o risco de ter conflito e consequentemente um mal funcionamento dos scripts.

Por | @jonathanlamimkt Programação

Como vimos no post anterior, quando são utilizadas várias bibliotecas JavaScript em um mesmo projeto corre-se o risco de ter conflito e consequentemente um mal funcionamento dos scripts.

Uma forma de resolver esse problema quando a biblioteca jQuery é uma delas pode-se utilizar a função jQuery.noConflict().

Os conflitos ocorrem porque as diferentes bibliotecas, com diferentes métodos, usam uma sintaxe comum para chamar suas funcionalidades(o alias $ ou o construtor $()), o que faz com que as diferentes bibliotecas tentem interpretar o mesmo código, criando estes conflitos.

Para resolver o problema dos conclitos utilizando a função citada, veja o exemplo abaixo:

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
	//a linha abaixo cria um novo pseudonimo $a
	//que será utilizado no lugar de $ ou de jQuery()

	var $a = jQuery.noConflict()

	//script da biblioteca jQuery
	$a(document).ready(function(){
		$a('div').css('color', 'blue');
		...

		//script de outra bilbioteca
		$('#nome-id').hide();
		...
		
</script>

Dessa forma é possível evitar os conflitos entre as bibliotecas e manter o bom funcionamento dos scripts.

Mais sobre: jquery javascript conflitos
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo

Siga nossas contas no Twitter