Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: xavidenia en 21 Mayo 2016, 22:43 pm



Título: implementar dos javas distintos en la misma pagina
Publicado por: xavidenia en 21 Mayo 2016, 22:43 pm
Hola alguien me puede ayudar y decir como puedo implementar dos jquery en la misma pagina.....

lo he probado todo .... necesito los dos pq uno me lleva el lightbox y el otro me lleva los slickhovers y la unica forma de que vayan las dos cosas es implementando los dos jquery a la vez....

si quito un jquery.min.js pierdo parte del lightbox y si quito el jquery_2.2.3.min.js pierdo los slickhovers  asi que necesito los dos....

alguien que le haya pasado algo partecido o lo sepa y pueda ayudareme.....


saludos


Título: Re: implementar dos javas distintos en la misma pagina
Publicado por: engel lex en 21 Mayo 2016, 22:50 pm
2 java o 2 javscript? (no son lo mismo, ni parecido)

por lo que creo es javascript, en ese caso solo tienes que colocarlos los 2 (primero el jquery), muestra tu código fuente a ver


Título: Re: implementar dos javas distintos en la misma pagina
Publicado por: xavidenia en 22 Mayo 2016, 00:01 am
este es el codigo......
Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Proyectos</title>
<link href="css/estilo_proyectos.css" rel="stylesheet" type="text/css">
<link href="css/estilo_header.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/lightbox_css/slimbox2.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery_2.2.3.min.js"></script>
<script type="text/javascript" src="js/jquery1.11.3.js"></script>
<script src="js/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery_min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
</head>

el problema reside en que el jquery _2.2.3.min.js( jQuery v2.2.3) lo neccesito para que me haga los slickhovers de las imagenes , mientras que por otro lado necesito el otro jquery.min.js(jQuery javascript Library v1.3.2)  para que ejecute el lightbox.....

 asi con ambos puestos me funcionan las dos cosas pero el lightbox no me me saca las imagenes de cierre ni me saca las imagenes de prev y next para poder desplazar las imagenes sin salir del lightbox ni para poder cerrar el lightbox.....

gracias por tu interes y por tu ayuda....


Título: Re: implementar dos javas distintos en la misma pagina
Publicado por: engel lex en 22 Mayo 2016, 00:26 am
esto es lo que buscas (con tus propias versiones)

http://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page (http://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page)

https://api.jquery.com/jquery.noconflict/ (https://api.jquery.com/jquery.noconflict/)

veo que tienes 3 jquery
Código:
<script type="text/javascript" src="js/jquery_2.2.3.min.js"></script>
<script type="text/javascript" src="js/jquery1.11.3.js"></script>
<script type="text/javascript" src="js/jquery_min.js"></script>

no creo que sea necesario el tercero con los 2 anteriores


Título: Re: implementar dos javas distintos en la misma pagina
Publicado por: xavidenia en 22 Mayo 2016, 09:28 am
gracias pero con estas soluciones sigo en las mismas....
Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Proyectos</title>
<link href="css/estilo_proyectos.css" rel="stylesheet" type="text/css">
<link href="css/estilo_header.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/lightbox_css/slimbox2.css" type="text/css" media="screen" />
<!-- slickhover -->
<script type="text/javascript" src="js/jquery_2.2.3_jquery.min.js"></script>
<script type="text/javascript" src="js/jquery1.11.3.js"></script>
<!-- lightbox -->
<script src="js/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery_min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
</head>
las dos promeras versiones son las que me cargan el slickhover con lo cual compatibilizan bien  y no hay ningun problema ....
las otras tres versiones me cargan el lightbox necesito de las 3 .....
mi problema es que asi tal cual esta el codigo consigo que me cargue el slickhover y   al darle a una imagen que me abra el lightbox, justo como debe de ser , pero.... no me saca los iconos de desplazamiento de imagen , ni el icono de cerrar el lightbox....
si quito las 2 primera versiones no me sale el slickhover pero me carga el lightbox al completo con iconos de desplazamiento, cierre y todo....
he intentado eliminar el jquery 1.3.2 y que le lightbox funcionara con el 2.2.3, y asi con una version del jquery llevarlo todo pero , no es asi con el 2.2.3 no funciona el lightbox... asi que continuo buscando una solucion..............
Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Proyectos</title>
<link href="css/estilo_proyectos.css" rel="stylesheet" type="text/css">
<link href="css/estilo_header.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/lightbox_css/slimbox2.css" type="text/css" media="screen" />
<!-- slickhover -->
<script type="text/javascript" src="js/jquery_2.2.3_jquery.min.js"></script>
<script type="text/javascript" src="js/jquery1.11.3.js"></script>
<!-- lightbox -->
<script src="js/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>
</head>
he conseguido eliminar  el jquery.min.js(jquery.1.3.2.min.js)  ahora ambas cosas funcionan con el 2.2.3 pero el lightbox sigue sin sacarme los iconos de cierre  y desplazamiento lateral....

gracias y saludos


Título: Re: implementar dos javas distintos en la misma pagina
Publicado por: xavidenia en 22 Mayo 2016, 15:41 pm
solucionado cambiando los dos Jquery por uno solo ......

este....
Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>