Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a Javascript: evitar conflictos entre Jquery y otras librerías

Datos de búsqueda

Javascript: evitar conflictos entre Jquery y otras librerías

si en un sitio web se usan varias librerías Javascript (Prototype, Mootools) junto con Jquery podemos encontrarnos con incompatibilidades, ya que la función que Jquery utiliza para los selectores CSS se denomina igual que la que usa Prototype para seleccionar por identificador.

La solución es más sencilla de lo que parece:

var q = jQuery.noConflict();

La variable, en este caso la letra "q" será lo que se utilice en lugar del símbolo "$".

Sin aplicar la variable de eliminación de conflictos:

$("div p").hide();

Y aplicando la variable:

q("div p").hide();

Existen más formas de evitar conflictos explicadas con detalle en la documentación de Jquery.

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Hay 13 comentarios a “Javascript: evitar conflictos entre Jquery y otras librerías”

Janckos dice:

Fecha de comentario: 2008/11/01 20:02

gracias.

Anonymous dice:

Fecha de comentario: 2009/10/16 01:43

donde se pone esto??

var q = jQuery.noConflict();

favor explicar… gracias

jervert dice:

Fecha de comentario: 2009/10/16 10:59

Se puede poner al principio del archivo Javascript.

julkio dice:

Fecha de comentario: 2009/12/23 20:37

ahi los aplico, buen apunte del chavo

Ajax Auto Suggest

var q = jQuery.noConflict();

function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
q(‘#suggestions’).hide();
} else {
q.post(“autocompleta/rpc.php”, {queryString: “”+inputString+””}, function(data){
if(data.length >0) {
q(‘#suggestions’).show();
q(‘#autoSuggestionsList’).html(data);
}
});
}
} // lookup

claudio dice:

Fecha de comentario: 2010/04/16 22:13

muy pero muy util

Solucionar conflictos entre jQuery y otras librerías | Pachakamaq dice:

Fecha de comentario: 2010/05/16 21:30

[…] Blog Outbook […]

David dice:

Fecha de comentario: 2010/06/09 21:34

Excelente aporte me ayudo muchisimo, gracias!!!

el Peko dice:

Fecha de comentario: 2010/11/28 23:56

que pasada, eres una máquina!

felipe dice:

Fecha de comentario: 2011/03/28 04:53

lo que dice Janckos, julkio, claudio y el Peko, concatenado con buen aporte

Jeison dice:

Fecha de comentario: 2011/06/23 18:39

Oye muchas gracias, me funcionó perfecto. enserio que duré como un dia entero tratando de resolver el problema, gracias!

joel dice:

Fecha de comentario: 2011/11/05 01:40

amigos no entiendo donde coloco ese codigo..

stanley dice:

Fecha de comentario: 2011/12/04 04:57

tampoco entiendo yo coloque en mi prototype.js al principio la linea
var q = jQuery.noConflict();

pero no me funciono alguien diga donde mas o q hay q hacer

gracias

minima dice:

Fecha de comentario: 2012/02/17 10:11

¡Genial! muy sencillo. Yo no entiendo nada de javascript pero aún así pude arreglar mi problema.
Stanley, no se si será lo que te pasa pero por si acaso: creo que lo hay que hacer, además de colocar ese código al principio del javascript, es cambiar los $ por q del código.

Información del sitio