Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Erro Tooltips Boostrap

Estas en el tema de Erro Tooltips Boostrap en el foro de Jquery en Foros del Web. Buenas! Soy seguidor del foro desde hace un tiempo, pero no me había dado por registrame hasta que... me ha surgido un problemilla :) y ...
  #1 (permalink)  
Antiguo 14/05/2015, 07:29
Avatar de peperru  
Fecha de Ingreso: mayo-2015
Mensajes: 2
Antigüedad: 8 años, 11 meses
Puntos: 0
Pregunta Erro Tooltips Boostrap

Buenas! Soy seguidor del foro desde hace un tiempo, pero no me había dado por registrame hasta que... me ha surgido un problemilla :) y a ver si alguien puede echarme una mano.

Estoy haciendome una web para subir mis trabajos. Y como tampoco quiero dejarme dinero todos los meses en un servidor, estoy utilizando la opcion servidor gratuito que proporciona Dropbox a través de su carpeta "Public". La estoy construyendo con Boostrap con lo que solo tiene HTML, CSS y JQuery. El caso es que he añadido tooltips de boostrap mediante JS y cuando la pruebo desde local me funciona todo sin problema, pero al subirlo al servidor, los tooltips no me aparecen.

Cita:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mi página</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Diseño Gráfico!">Imagen</a>
</div>

<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>

</body>
</html>

Es un ejemplo de lo que estoy intentando hacer. La verdad no se que es lo que puedo estar haciendo mal. Reviso el inspector de elemento del navegador y me dice el siguiente error "typeerror $(...).tooltip is not a function jquery"

alguien que pueda echarme una mano y hacerme ver la luz? Gracias!

Última edición por peperru; 14/05/2015 a las 11:33
  #2 (permalink)  
Antiguo 14/05/2015, 12:10
(Desactivado)
 
Fecha de Ingreso: abril-2013
Ubicación: rosario
Mensajes: 248
Antigüedad: 11 años
Puntos: 17
Respuesta: Erro Tooltips Boostrap

Arriba estas utilizando la misma lib de jQuery que abajo?
No te hace falta la libreria de jquery-ui aparte? - ej:
Código HTML:
Ver original
  1. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  2.   <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  #3 (permalink)  
Antiguo 18/05/2015, 07:03
Avatar de peperru  
Fecha de Ingreso: mayo-2015
Mensajes: 2
Antigüedad: 8 años, 11 meses
Puntos: 0
Respuesta: Erro Tooltips Boostrap

Ya lo solucione. Simplemente me descargue los archivos.js de Jquery Y boostrap y los enlace en un directorio en vez de con una url. Gracias de todas formas :)

Etiquetas: erro
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:35.