jquery y prototype se pisan?

gulp · #1 (**permalink**) 10/12/2009, 13:59

Hola, estoy diseñando una pagina web y me ha surgido un problema con estas librerias java.
Estaba usando prototype para un menu horizontal. Bien.
Después agregue un slideshow que muestra unas imagenes con jquery. Anda bien, pero me deja de andar el menú que estaba hecho en prototype.
¿Puede ser que una librería pise a la otra? O será un simple error de codigo.
Invoco a las librerias adentro del <head>

Código HTML:

 <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>

    <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.scrollTo.js"></script>

Gracias!

deirdre · #2 (**permalink**) 10/12/2009, 17:56

Hola gulp

jquery y prototype son dos librerías (frameworks) tan completas cada una y tan complejas que no es conveniente el uso simultáneo en una misma página porque pueden interferir una en la otra. Seguramente, además de no conveniente, no es necesario porque puedes implementar lo que quieres usando sólo una: es cuestión de buscar los plugins (menu, galería, etc) que necesites.

Bye

mayid · #3 (**permalink**) 11/12/2009, 07:38

En ultimo caso podes recurrir al modo jquery no.conflict ()

patuxi · #4 (**permalink**) 04/01/2010, 13:57

Hola mayid,

Yo tengo un problema similar con ambas librerias. Podrías explicar como se aplica Jquery nonconflict??? Es q lo he intentado y no me funciona

Gracias.

mayid · #5 (**permalink**) 04/01/2010, 16:57

@patuxi : yo evito siempre usar las dos librerias, pero en el caso de que necesites hacerlo, cargas el jquery primero. Espero que alguien publique exactamente la cosa, pero es asi:

- declarar no.conflict
- cargar jquery
- escribir siempre jQuery en vez de $ para todo script jquery
- cargar prototype.

patuxi · #6 (**permalink**) 19/01/2010, 14:24

Gracias mayid,

Al final he optado por usar otra librería compatible. De todas formas probaré con lo que me has dicho.

Gracias

lordbenja · #7 (**permalink**) 15/03/2010, 14:32

Cita:

Iniciado por mayid

@patuxi : yo evito siempre usar las dos librerias, pero en el caso de que necesites hacerlo, cargas el jquery primero. Espero que alguien publique exactamente la cosa, pero es asi:

- declarar no.conflict
- cargar jquery
- escribir siempre jQuery en vez de $ para todo script jquery
- cargar prototype.

sos un capo/a..

me anduvo perfecto acomodandolo en ese orden y cambiando $ por jQuery..

mira a mi me qedo asi:

Código HTML:

<!----->
<script type="text/javascript">
  $.noConflict();
  // Code that uses other library's $ can follow here.
</script>
<!----->
<script src="js/jquery-1.2.6.pack.js" type="text/javascript"></script>
<script src="js/jquery.flow.1.1.min.js" type="text/javascript"></script>    
<script type="text/javascript">
    jQuery(function() {
        jQuery("div#controller").jFlow({
            slides: "#slides",
            width: "355px",
            height: "212px"
        });
    });
</script>
<!----->
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

mayid · #8 (**permalink**) 15/03/2010, 17:16

QUe bueno que te funcione. Igual me llama la atención que puedas usar un metodo jquery antes de incluir la libreria:

Cita:

A mi parecer, esto debería ser así, a la inversa:

Cita: