Foros del Web » Programando para Internet » Jquery »

Problema al enlazar Jquery

Estas en el tema de Problema al enlazar Jquery en el foro de Jquery en Foros del Web. Tengo un problema a la hora de enlazar la biblioteca de JQ que se encuentra en mi servidor web. Actualmente utilizo ésta ruta para enlazar: ...
  #1 (permalink)  
Antiguo 26/04/2010, 05:51
 
Fecha de Ingreso: abril-2010
Mensajes: 6
Antigüedad: 14 años
Puntos: 0
Problema al enlazar Jquery

Tengo un problema a la hora de enlazar la biblioteca de JQ que se encuentra en mi servidor web.

Actualmente utilizo ésta ruta para enlazar:
Código Javascript:
Ver original
  1. <script src="ftp://ftp.nombredominio.com:21/httpdocs/test-jq/jquery-1.4.2.js"></script>

Al usar la vista previa del programa (utilizo el Coda) aparece todo lo que se encuentra entre <body> y </body>, pero no andan las funciones.

Por otro lado, al usar la vista previa en el navegador web (utilizo el Chrome) aparece la leyenda "404 Error - Not Found".

Alguien sabrá en donde está el error?

Gracias de antemano!
  #2 (permalink)  
Antiguo 26/04/2010, 07:00
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Hola Tuttexx. Bienvenido al foro.

Muevo tu tema al foro de Frameworks desde Javascript.

Saludos,
  #3 (permalink)  
Antiguo 26/04/2010, 11:20
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años
Puntos: 101
Respuesta: Problema al enlazar Jquery

Por que estas usando ftp en vez de http?

Probalo así:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Esa ruta es un lugar en google en donde esta almacenado jquery.
  #4 (permalink)  
Antiguo 26/04/2010, 16:37
 
Fecha de Ingreso: abril-2010
Mensajes: 6
Antigüedad: 14 años
Puntos: 0
Respuesta: Problema al enlazar Jquery

Mayid, gracias por responder!!

Mi idea era tener mi propia libreria en mi servidor, pero esto me funciona barbaro también!
Igualmente, se puede hacer como digo? o es mas complicado y tedioso q ésta solución?

Saludos y de nuevo, gracias por responder!!
  #5 (permalink)  
Antiguo 26/04/2010, 18:03
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años
Puntos: 101
Respuesta: Problema al enlazar Jquery

Claro que se puede. Se suele hacer. Pero no con rutas absolutas, sino relativas.

Ejemplo:
<script type="text/javascript" src="lib/query.min.js"></script>
  #6 (permalink)  
Antiguo 27/04/2010, 21:11
 
Fecha de Ingreso: abril-2010
Mensajes: 6
Antigüedad: 14 años
Puntos: 0
Respuesta: Problema al enlazar Jquery

Mayid, tenes razón. Intente como sugeriste y me funciono a la perfección!!!

Muchas Gracias por responder!!
  #7 (permalink)  
Antiguo 09/02/2011, 18:14
Avatar de cuervo699  
Fecha de Ingreso: febrero-2011
Mensajes: 104
Antigüedad: 13 años, 2 meses
Puntos: 7
Respuesta: Problema al enlazar Jquery

en donde inserto el codigo??? en el body o en el head?
  #8 (permalink)  
Antiguo 09/02/2011, 19:02
Avatar de SergeMedina  
Fecha de Ingreso: septiembre-2007
Ubicación: Guadalajara, Jalisco
Mensajes: 459
Antigüedad: 16 años, 7 meses
Puntos: 20
Respuesta: Problema al enlazar Jquery

Hola que tal.

Yo te recomendaria que en vez de "hostear" jquery en tu server utilices un CDN (Content Delivery Network). Existen varias alternativas, yo en lo personal utilizo google.

Ahora lo de en donde poner la etiqueta script: Si es en el head, solo incluye los scripts criticos pero ponlos despues de los estilos. Esto asegurará que las css se descargen primero. Si los scripts tardan mucho en cargar y ejecutarse es posible que el navegador se "pasme", es por eso que los scripts que no necesitas al instante la pagina pueden ir al final del body.

Saludos.
__________________
I see dead pixels
  #9 (permalink)  
Antiguo 09/02/2011, 19:24
Avatar de cuervo699  
Fecha de Ingreso: febrero-2011
Mensajes: 104
Antigüedad: 13 años, 2 meses
Puntos: 7
Exclamación Respuesta: Problema al enlazar Jquery

Cita:
Iniciado por SergeMedina Ver Mensaje
Hola que tal.

Yo te recomendaria que en vez de "hostear" jquery en tu server utilices un CDN (Content Delivery Network). Existen varias [URL="http://docs.jquery.com/Downloading_jQuery"]alternativas[/URL], yo en lo personal utilizo [URL="http://code.google.com/intl/es-419/apis/libraries/devguide.html#jquery"]google[/URL].

Ahora lo de en donde poner la etiqueta script: Si es en el head, solo incluye los scripts criticos pero ponlos despues de los estilos. Esto asegurará que las css se descargen primero. Si los scripts tardan mucho en cargar y ejecutarse es posible que el navegador se "pasme", es por eso que los scripts que no necesitas al instante la pagina pueden ir al final del body.

Saludos.
No me funciona, resulta que estoy tratando de instalar un efecto de jQuery con lightbox, lo que aparece en esta web http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

pero no me funciona, puse el siguiente codigo:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>{page-title}</title>
<link href='http://fonts.googleapis.com/css?family=Cuprum&subset=latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie&subset=latin' rel='stylesheet' type='text/css'>

<script charset='utf-8' src='http://prueba15.bligoo.cl/media/users/10/505383/files/47326/jquery-1.4.4.min.js' type='text/javascript'/>

<link charset='utf-8' href='http://prueba15.bligoo.cl/media/users/10/505383/files/47326/prettyPhoto.css' media='screen' rel='stylesheet' type='text/css'/>

<script charset='utf-8' src='http://prueba15.bligoo.cl/media/users/10/505383/files/47326/jquery.prettyPhoto.js' type='text/javascript'/>


Estos son los scripts para que funcione el efecto

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

Este es el codigo para activar jQuery con google

</head>

<body id="main-body" class="{body-class}">
<script charset='utf-8' type='text/javascript'>
$(document).ready(function(){
$(&quot;a[rel^='prettyPhoto']&quot;).prettyPhoto();
});
</script>


y este es el codigo jQuery para que tome el efecto


<!-- Comienza el header del sitio -->
{header}
<!-- Termina el header del sitio -->




<!-- Comienza el contenedor de todo el sitio -->
<div id="main-wrapper">
<div id="main-wrapper-content">

<div id="central-container" class="clearfix">
<!-- Comienza el contenido -->
<div id="center-wrapper">
<div id="center" class="clearfix">
{main-content} <!-- Esta llave llama al contenido de cada página de tu sitio, si la borras estos no apareceran -->
</div>
</div>
<!-- Termina el contenido del sitio -->


<!-- Comienzan las columnas -->
<div id="sidebar-wrapper">



<div id="blidget-container-wrapper-2">
<div id="blidget-container-2" class="clearfix">
{container-1}
</div>
</div>

<div id="blidget-container-wrapper-3">
<div id="blidget-container-3" class="clearfix">
{container-2}
</div>
</div>

<div class="clear"></div>

<div id="blidget-container-wrapper-1">
<div id="blidget-container-1" class="clearfix">
{container-0}
</div>
</div>

<div class="clear"></div>

<div id="blidget-container-wrapper-4">
<div id="blidget-container-4" class="clearfix">
{container-3}
</div>
</div>

<div id="blidget-container-wrapper-5">
<div id="blidget-container-5" class="clearfix">
{container-4}
</div>
</div>


</div>

<!-- Terminan la columnas -->



</div>

<!-- Comienza el footer del sitio -->
{footer}
<!-- Termina el footer del sitio -->



</div>
</div>
<!-- Comienza el contenedor de todo el sitio -->

</body>
</html>

Estoy poniendo algun codigo mal, ayudenme porfavor!!! necesito poner ese codigo en mi web

Los codigo los saque de esta web http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/

Gracias ;)

Etiquetas: enlazar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:39.