Cómo implementar el modo libre de conflictos de jQuery
Cuando utilizamos código jQuery con otras bibliotecas de JavaScript, pueden haber conflictos. Por ejemplo, si usa el signo $ en jQuery y se encuentra con otra biblioteca de JavaScript que usa el signo $ como acceso directo, puede ocurrir un conflicto. Sin embargo, jQuery proporciona una forma especial de manejar situaciones de conflicto. A continuación, el artículo presentará en detalle el método de resolución de conflictos en jQuery, que tiene cierto valor de referencia y espero que le resulte útil.
Curso recomendado: tutorial de jQuery
Método para resolver conflictos:
El método para resolver conflictos en jQuery es el método noConflict(), que controla los derechos de $identifier devuelto a otras bibliotecas de JavaScript.
Por ejemplo, el código jQuery del siguiente ejemplo pondrá jQuery en modo libre de conflictos tan pronto como se cargue en la página y asignará un nuevo nombre de variable $j para reemplazar $alias y evitar conflictos con El conflicto del marco prototipo. El código detallado es el siguiente:
//Defina un nuevo nombre para jQuery.
var $j = jquery . sin conflicto();
$j(documento). ready(function(){
//Aparece un cuadro de diálogo cuando haces clic en la demostración.
$j("#demo "). Haz clic en (function(){
Alert("Esta es la nueva definición de jQuery");
});
});
//Código del marco prototipo.
document.observe("dom: cargado ", function(){
//Haga clic en demo1 para mostrar el cuadro emergente.
$(demo1 ).observe('click' , function (event) {
Alert("El prototipo se ejecuta normalmente con jQuery");
});
} ); La representación es la siguiente:
p>Sin embargo, si no desea definir otro acceso directo para jQuery, modifique el código jQuery existente o piense que $ ahorra mucho tiempo en jQuery y es fácil. usar, entonces podemos usar otro método en su lugar.
Podemos pasar $ como parámetro a jQuery (documento). función lista().
//Definir un nuevo nombre para jQuery.
jquery .sin conflicto();
jQuery(documentación). Ready(function($){
//El signo de dólar aquí es un alias para jQuery
$("#demo "). Haga clic en (function(){
Alert("jQuery funciona bien");
});
});
document.observe("dom: cargado", función (){
$(demostración1).
Observe('click', function(event){
Alert("jQuery funciona bien con el prototipo");
});
}); :
Nota:
La solución anterior para evitar conflictos se basa en cargar jQuery después de cargar prototipo.js; sin embargo, si incluye jQuery antes que otras bibliotecas, puede usar el nombre completo. para evitar conflictos sin llamar a jQuery.noConflict(). Pero en este caso $ tendrá el significado definido en otras bibliotecas.
Resumen: