Jquery NoConflict - Evitar Conflicto $ Jquery - Compatibilidad Jquery y Prototype - Diego Di Camillo

10/08/12
Jquery noC onflict | ev itar conflicto $ Jquery | compatibilidad Jquery y P rototy pe | Diego Di C amillo
Inicio Acerca De Diego Di Camillo Contacto RSS Feed
Diego Di Camillo
Portfolio Diego Di Camillo

Portfolio detallado de Lic. Diego Di Camillo
11 marzo 2010
Jquery noConflict | evitar conflicto $ Jquery | compatibilidad Jquery y Prototype

por ddicami Gracias a SAN JQUERY han colocado una funcin de compatibilidad para la funcin $() est disponible en Jquery desde la versin 1.0 Como usarlo, es simple:
?Ver cdigo
JAVASCRIPT
<cittp=tx/aacit sc"spooyej"<srp> srp ye"etjvsrp" r=j/rttp.s>/cit ... ... <cittp=tx/aacit sc"sjur-...s>/cit srp ye"etjvsrp" r=j/qey132j"<srp> <cittp=tx/aacit sc"sesSie17j"<srp> srp ye"etjvsrp" r=j/ayldr..s>/cit <cittp=tx/aacit> srp ye"etjvsrp" jur.oofit) QeynCnlc(; jur(ouet.ed(ucin) Qeydcmn)rayfnto({ jur(#ldr)esSie( Qey"sie".ayldr{ nmrc tu, uei: re cniuu:tu, otnos re at:tu, uo re sed 10, pe: 20
diegodicamillo.com.ar/blog//jquery -noconflict-ev itar-conflicto-jquery -compatibilidad-jquery -y -prototy pe/ 1/10
10/08/12
pue 60 as: 00 }; ) }; ) <srp> /cit
Lo que hice es activar la propiedad noConflict y luego los $(..) son reemplazados por Jquery() EN TODOS LADOS DONDE APAREZCA. Eso hace que los $() de prototype no entren en conflicto con los $() de Jquery porque simplemente estos ultimos ya no estn ms, han sido reemplazados por Jquery(.) Tambien es posible asignar el objeto Jquery.noConflict() a una variable y utilizar esta variable:
?Ver cdigo
JAVASCRIPT
<cittp=tx/aacit sc"spooyej"<srp> srp ye"etjvsrp" r=j/rttp.s>/cit ... ... <cittp=tx/aacit sc"sjur-...s>/cit srp ye"etjvsrp" r=j/qey132j"<srp> <cittp=tx/aacit sc"sesSie17j"<srp> srp ye"etjvsrp" r=j/ayldr..s>/cit <cittp=tx/aacit> srp ye"etjvsrp" vrj=jur.oofit) a QeynCnlc(; jdcmn)rayfnto({ (ouet.ed(ucin) j"sie".ayldr{ (#ldr)esSie( nmrc tu, uei: re cniuu:tu, otnos re at:tu, uo re sed 10, pe: 20 pue 60 as: 00 }; ) }; ) <srp> /cit
Personalmente me simplific mucho el desarrollo de paginas que deban incluir estas dos libreras.
Si te ha gustado este post, suscrbete al feed. Categoras: General, HTML, Javascript, Web 2.0
23 comentarios to Jquery noConflict | evitar conflicto $ Jquery | compatibilidad Jquery y Prototype

1. pablo dice: Muchas gracias, llevaba un buen rato buscando como aplicar el no conflict. saludos!
Publicado en agosto 26th, 2010 a las 10:38
10/08/12
2. ddicami dice: De nada. Estoy buscando si Mootools tiene una directiva como esta para sortear incompatibilidades con prototype o jquery
3. antonp dice: Buenas, tengo el problema de la compatibilidad con Prototype, pero pongo el jQuery.noConflict(); y me da el error de que JQuery is not defined que me puede estar pasando?
Publicado en enero 5th, 2011 a las 12:09
4. ddicami dice: Hola comprob si : est definido antes de que pongas : jQuery.noConflict(); Y de que, obviamente la ruta a jquery sea vlida, es decir el archivo jquery.js exista.
Publicado en enero 6th, 2011 a las 9:47
5. alfredo dice: Hola Diego, muy buena la informacin. Pero no consigo hacerlo funcionar. Sabes que es lo que hago mal? jQuery.noConflict(); jQuery(document).ready(function(){ // Code that uses jQuerys $ can follow here. bannerRotator(#bannerRotator, 500, 1000); });
Publicado en abril 20th, 2011 a las 12:43
6. ddicami dice: Hola , como estas, todos los codigos jquery que uses se debe reemplazar los $ por jQuery revisa el plugin bannerRotator.js y hace el reemplazo.
Publicado en abril 20th, 2011 a las 12:55
7. manu dice: gracias loko..!

10/08/12
Publicado en junio 30th, 2011 a las 20:20
8. Cueto dice: saludos gracias.. a mi me funciono para el jquery.columnmanager.js chalee ya keria cambiar todo mi setvlet.
Publicado en agosto 1st, 2011 a las 15:59
9. Rafael dice: Genial la solucin, estuvo perfecta para mi problema.

10. My Page Madafaka Blog Archive Jquery noConflict | evitar conflicto $ Jquery | compatibilidad Jquery y Prototype dice: [...] Fuente : Diego Di Camillo [...]
11. Hernan Godoy dice: biennnnnnnnn me salvaste!!!!! funciono de 10!

Publicado en septiembre 13th, 2011 a las 21:15
12. Pablo dice: Muchas graciassssssssssssss!!!! Pero ojo, se sustituye por jQuery, no Jquery, puede dar lugar a problemas. Un saludooooooo
Publicado en septiembre 14th, 2011 a las 15:55
13. jesus dice: excelente!!!! me sirvio bastante para el proyecto que estoy diseando, muchas gracias!!!
Publicado en octubre 20th, 2011 a las 19:04
14. isamichita dice: muchas gracias por el post, me vino de lujo! Un saludo
Publicado en octubre 26th, 2011 a las 6:05
15. jose dice: i love youuuu man!! hehe te lo agradesco muchisimo!

10/08/12
exitos y bendiciones para ti y tu familia

Publicado en noviembre 4th, 2011 a las 23:25
16. cesar dice: Hola!!! lo q pasa es q no me sale me sigue saliendo error de un archivo (window.js), tengo este codigo no se si estoy colocando algo mal o q depronto es una bobada pero no doy?? gracias!!! var j = jquery.noConflict(); j(document).ready(function(){ j(#window).interface({ numeric: true, continuous: true, auto: true, speed: 1200, pause: 6000 }); });
Publicado en noviembre 23rd, 2011 a las 14:36
17. ddicami dice: Probar con:: var j = jQuery.noConflict(); la Q en mayscula

Publicado en noviembre 23rd, 2011 a las 14:41
18. Hola dice: Hola tengo un problema, al cargar un juego.. me sale que Jquery no esta definido quisiera saber como definirlo y repararlo pues no me permite entrar a esa aplicacion
19. Hola dice: Gracias de antemano

20. ddicami dice: si la aplicacion es Web. Verifica si se incluye jquery.js en el

10/08/12
Verifica que este el archivo js, sino subilo por FTP al servidor.
21. robertin_ dice: nice code, men!!!

22. gerMonti dice: Gracias por la info yo solo puse var j = jQuery.noConflict(); y se me acabaron los problemas que yo tena aunque no se bien porque eran, gracias por el aporte
23. Angel dice: Muchas Gracias, ya no hallaba la puerta con este problema, me daban conflicto dos archivos jQuery, en 1 de los dos solo reemplace los signos $ por la palabra jQuery y LISTOOOOOOOO !!!!!! ya quedo. Gracias bye
Publicado en diciembre 27th, 2011 a las 22:22
Deja una respuesta

Nombre (requerido) Mail (no se publicar) (requerido) Sitio Web
Publicar
PHP eval y ob buffer mailto sintaxis permitida

10/08/12
Sidebar
Sponsors
Si queres ser DUEO de este espacio, contctame Tendrs 600 impresiones diarias aseguradas.
Archivo
mayo 2012 (1) abril 2012 (4) marzo 2012 (1) febrero 2012 (1) enero 2012 (2) diciembre 2011 (4) noviembre 2011 (1) octubre 2011 (3) agosto 2011 (4) julio 2011 (2) junio 2011 (1) mayo 2011 (2) abril 2011 (2) marzo 2011 (2) febrero 2011 (1) diciembre 2010 (2) noviembre 2010 (1) octubre 2010 (5) septiembre 2010 (1) agosto 2010 (9) julio 2010 (1) junio 2010 (4) mayo 2010 (2) abril 2010 (5) marzo 2010 (6) febrero 2010 (8) enero 2010 (7) diciembre 2009 (3) noviembre 2009 (1) octubre 2009 (8) septiembre 2009 (6) agosto 2009 (1) julio 2009 (1) junio 2009 (5)
10/08/12
mayo 2009 (12) febrero 2009 (1)
Nube de tags
Categoras
Apache (5) Code Igniter (19) configuraciones (41) Configuraciones Windows (2) CSS (11) Frames php (31) General (89) HTML (26) Javascript (21) Joomfish Component (1) Joomla! (9) Mysql (9) Nuevas Tecnologias (13) PHP (38) Productos open source (19) virtuemart (3) Web 2.0 (18) wordPress (8)
Enlaces
Blogs
10/08/12
Directorio de blogs Directorio web LugFi Mazziblog
Post recientes
.htaccess codeigniter
Agregar atributos a un campo HT ML con javascript ~ setAttribute y removeAttribute allow_url_include Como crear un archivo css con php Como definir una hoja de estilo y solo leerla en FireFox
Configurar COOLjsMenu COOLjsMenu un paquete para generar menues desplegables con un alto grado de customizacion CSS CSS variables definicion de precios para grupos de compradores descargar COOLjsMenu domT T una paquete de tool tips elegantes y divertidos de facil configuracion paso a paso Estilos interpretados solo por IE Excelente calendario pop en varios idiomas para agregar a tus paginas - JSCALENDAR FCKeditor Cambiar EnterMode cambiar el enter flash loop false Free-flash!! GoogleMap mapas que se sitan con solo indicarle la direccin habilitar includes desde url habilitar y deshabilitar campos con javascrip
Joomla! y VirtueMart La Web semntica o la Web de los datos loop false loop off flash Photo viewer PHP PHPSitemapNG un excelente generador de Google sitemaps
informacion javascript foto viewer javascript photo viewer propiedad Opacity propiedad Opacity y alpha en IE y FF removeAttribute setAttribute Slide de fotos de excelente nivel: SmoothGallery flash-free Smooth Gallery photo slide gallery sumar dos valores con javascript transparencia en flash T ransparencia en reproduccin de pelicula SWF y no bucle T ripT racker T ripT racker: excelente image viewer javascript. Configurable y muy facil de instalar URL file-access is disabled in the server configuration Web 3.0 Web Semantica
Encontr Posts
marzo 2010 L MX J V S D 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 feb abr
Entradas recientes
jQuery period picker plugin castellanizacin nombre meses, das de la semana, formato de fechas REEMPLAZO por obsoleta , Deprecated: Function eregi_replace() is deprecated in o Function ereg_replace() is deprecated in Comprueba con IE8 como se ve tambin tu web con IE7 Editor WYSIWYG v1.0 RC3 con un pequeo aporte: barra herramientas arriba y sin problemas en IE cuando hay varias instancias de textareas en una misma pgina
10/08/12
Instalar la distribucin teclado /IME a Espaol en Windows Unattended WordPress. Tema adaptado por Diego Di Camillo.
diegodicamillo.com.ar/blog//jquery -noconflict-ev itar-conflicto-jquery -compatibilidad-jquery -y -prototy pe/
10/10

Jquery NoConflict - Evitar Conflicto $ Jquery - Compatibilidad Jquery y Prototype - Diego Di Camillo

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Jquery NoConflict - Evitar Conflicto $ Jquery - Compatibilidad Jquery y Prototype - Diego Di Camillo

Cargado por

Copyright:

Formatos disponibles

10/08/12

Inicio Acerca De Diego Di Camillo Contacto RSS Feed

Portfolio Diego Di Camillo

Jquery noConflict | evitar conflicto $ Jquery | compatibilidad Jquery y Prototype

pue 60 as: 00 }; ) }; ) <srp> /cit

23 comentarios to Jquery noConflict | evitar conflicto $ Jquery | compatibilidad Jquery y Prototype

7. manu dice: gracias loko..!

Publicado en junio 30th, 2011 a las 20:20

9. Rafael dice: Genial la solucin, estuvo perfecta para mi problema.

11. Hernan Godoy dice: biennnnnnnnn me salvaste!!!!! funciono de 10!

15. jose dice: i love youuuu man!! hehe te lo agradesco muchisimo!

exitos y bendiciones para ti y tu familia

17. ddicami dice: Probar con:: var j = jQuery.noConflict(); la Q en mayscula

19. Hola dice: Gracias de antemano

20. ddicami dice: si la aplicacion es Web. Verifica si se incluye jquery.js en el

21. robertin_ dice: nice code, men!!!

Deja una respuesta

PHP eval y ob buffer mailto sintaxis permitida

mayo 2009 (12) febrero 2009 (1)

Directorio de blogs Directorio web LugFi Mazziblog

diegodicamillo.com.ar/blog//jquery -noconflict-ev itar-conflicto-jquery -compatibilidad-jquery -y -prototy pe/

También podría gustarte