source - morris graph jquery

jQuery y Prototype Conflict

Question

Estoy usando el complemento jQuery AutoComplete en una página html donde también tengo un menú de acordeón que usa prototipos.

Ambos funcionan perfectamente por separado, pero cuando traté de implementar ambos componentes en una sola página, recibí un error que no pude entender.

excepción no detectada: [Excepción ... "Código de error devuelto por el componente: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" ubicación: "JS frame :: file: /// C: / Documents and Settings /Administrator/Desktop/website/js/jquery-1.2.6.pack.js :: anonymous :: line 11 "data: no]

Descubrí que el archivo que entra en conflicto con jQuery es ''effects.js'', que es utilizado por el menú del acordeón. Traté de reemplazar este archivo con una versión más nueva, pero lo más nuevo parece romper el comportamiento del acordeón.

Supongo que el archivo ''effects.js'' utilizado en el acordeón se modificó para obtener la salida de demostración del acordeón. También intenté usar los métodos de reemplazo que jQuery necesita para evitar conflictos con otras bibliotecas y eso no funcionó.

Obtuve la demo del acordeón de stickmanlabs.com .

Y jQuery AutoComplete se puede obtener desde el sitio de jQuery .

¿Alguien más ha tenido este problema?

Answer 1

Hay dos soluciones posibles: Hubo un conflicto con una versión anterior de Scriptaculous y jQuery (Scriptaculous intentaba extender el prototipo de Array nativo incorrectamente) - primero intente actualizar su copia de Scriptaculous.

Si eso no funciona, deberá usar noConflict() (como se noConflict() anteriormente). Sin embargo, hay una trampa. Dado que está incluyendo un complemento, deberá hacer las inclusiones en un orden específico, por ejemplo:

<script src="jquery.js"></script>
<script src="jquery.autocomplete.js"></script>
<script>
  jQuery.noConflict();
  jQuery(document).ready(function($){
    $("#example").autocomplete(options);
  });
</script>
<script src="prototype.js"></script>
<script src="effects.js"></script>
<script src="accordion.js"></script>

Espero que esto ayude a aclarar la situación.

Answer 2

Realmente no veo la razón para usar ambas bibliotecas al mismo tiempo en este caso.

Puede usar Prototype (en realidad, Scriptaculous ''en realidad) Ajax.Autocompleter y ditch jQuery, o puede usar jQuery''s Accordion y deshacerse de Prototype.

Usar ambas bibliotecas a la vez no es realmente una buena idea, porque:

1. Ellos pueden causar conflictos.
2. Al incluirlos, obligará a los usuarios a descargarlos. Lo cual no es un enfoque amigable con el ancho de banda.

Answer 3

jQuery le permite cambiar el nombre de la función jQuery de $ a otra cosa para evitar conflictos de espacio de nombres con otras bibliotecas.

Puedes hacer algo como esto

var J = jQuery.noConflict();

Detalles aquí: michaelshadle.com - el modo sin conflicto de jQuery: otra razón por la cual es el mejor