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.

13 respuestas a «Javascript: evitar conflictos entre Jquery y otras librerías»

  1. 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

  2. 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

  3. ¡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.

Los comentarios están cerrados.