Jquery no funciona en servidor

adydcv · #1 (**permalink**) 02/05/2013, 08:30

Buenas ! Estoy utilizando un Jquery Lightbox, en mi pc anda perfecto, no tengo ningun inconveniente, lo subi al servidor y cuando clikeas en la foto se queda cargando y no la abre. Ya revise los enlaces todo, lo raro es que en la pc ande.
Alguien sabe lo que puede ser?
Gracias!

hackjose · #2 (**permalink**) 02/05/2013, 11:40

Seria de mucha ayuda que pusieras el codigo
saludos

CapFarrl · #3 (**permalink**) 02/05/2013, 14:11

Cita:

Iniciado por adydcv

Buenas ! Estoy utilizando un Jquery Lightbox, en mi pc anda perfecto, no tengo ningun inconveniente, lo subi al servidor y cuando clikeas en la foto se queda cargando y no la abre. Ya revise los enlaces todo, lo raro es que en la pc ande.
Alguien sabe lo que puede ser?
Gracias!

Vale, creo que tu problema es como lo estas enrutando, fijate bien, tiene que ser asi

si esta en una carpeta, <script type="text/javascript" src="../jquery.js"></script>

Derrepente con eso, igual necesitamos codigo.

adydcv · #4 (**permalink**) 02/05/2013, 16:00

Aca les dejo el codigo, yo pense que podia ser la ruta de la imagen pero ya revise y esta todo correcto.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta charset="UTF-8">
<script src="js/modernizr.custom.36718.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IMOSUR - Medicina Preocupacional</title>
<link href="css/estilo.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />



<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>

<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
#gallery {
padding-top: 80px;
width: 800px;
margin: 0 auto
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #ccc;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #1B91A6;
border-width: 5px 5px 20px;
color: #1B91A6;
}
#gallery ul a:hover { color: #1B91A6; }
</style>

</head>

<body>

<div id="container">

<header> <h1><img src="imagenes/logo.png" alt= "Logo Imosur"></h1> </header>

<div id="botonera-slider"><a href="index.html"><img src="img/inicio.png" alt="Procesos de Evaluación Prelaboral" border="0" /></a><a href="servicios.html"><img src="img/servicios.png" alt="Proceso de Inducción y Capacitación" border="0" /></a><a href="instalaciones.html"><img src="img/instalaciones.png" alt="Instalaciones" width="250" height="56" border="0" /></a><a href="contacto.html"><img src="img/contacto.png" alt="Contacto" border="0" /></a></div>

<div class="foto"> <img src="imagenes/silde/4.jpg"> </div>

<div class="clear"></div>
<h3> GALERIA DE FOTOS </h3>
<div id="gallery">

<ul>
<li>
<a href="imagenes/fotos/sala.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/sala.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/sala1.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/sala1.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/sala2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/sala2.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/salaa.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/salaa.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/consultorio.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/consultorio.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/consultorio2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/consultorio2.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/kine.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/kine.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/kine2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/kine2.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/kine3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/kine3.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/kine4.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/kine4.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/kine5.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/kine5.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/gym.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/gym.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/gym2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/gym2.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="imagenes/fotos/gym3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="imagenes/fotos/chicas/gym3.jpg" width="100" height="100" alt="" />
</a>
</li>
</ul>
</div>

<footer> 19 de Mayo 136 - Bahia Blanca | +54(0291) 455-8800 - Fax +54(0291) 451-2644 | [email protected]</footer>
</div>
</body>

</html>

ocp001a · #5 (**permalink**) 02/05/2013, 18:24

Para asegurar que la ruta es correcta, ve el código fuente en el navegador y sigue el link del .js

si no accediera, es posible error de permisos en el archivo en el servidor.

anacona16 · #6 (**permalink**) 02/05/2013, 18:35

Una de las buenas practicas al momento de cargar jQuery es hacerlo desde los servidores de Google,

Código Javascript:

Ver original<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

Vez que al inicio no lleva el http: esto es bueno ya que no importa si es http o https