Estoy usando lightbox.js necesita prototype.js y necesito usar jquery.js. Ahora ambas bibliotecas no trabajan juntas. ¿Alguien puede explicar cómo hacer noconflicto?
El manual en el sitio web de jquery dijo que necesitaba incluir prototype.js justo después de llamar noconflict dentro de las etiquetas de script, no estoy seguro de cómo hacerlo. Estos son los dos archivos que necesitan prototipo.
<script type="text/javascript" src="includes/jquery/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="includes/jquery/lightbox/js/lightbox.js"></script>
Respuestas
1 para la respuesta № 1La respuesta es simple: use una alternativa de lightbox basada en jQuery. Caja de color Es bastante bueno por ejemplo.
Sin embargo, noConflict es bastante fácil, también:
Después de incluir jQuery, ejecute este código: jQuery.noConflict();. Seguir usando $ en su código, envuélvalo con lo siguiente:
(function($) {
// your code
})(jQuery);
0 para la respuesta № 2
Estoy de acuerdo con todos los elese. Si jQuery es un requisito, entonces cambie a una caja de luz basada en jQuery. Hay una tonelada de ellos.
Dicho esto, es lo que significa la documentación:
<!-- inc. jquery and call noConflict -->
<script type="text/javascript" src="includes/jquery/jquery.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
<!-- inc. inc. prototype stuff -->
<script type="text/javascript" src="includes/jquery/lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="includes/jquery/lightbox/js/lightbox.js"></script>