¿Por qué mi información sobre herramientas jQuery no actúa como una información sobre herramientas jQuery? - jquery, jquery-ui, jquery-ui-tooltip

Estoy trabajando en presentar otra tabla periódica y tengo problemas con la información sobre herramientas de la interfaz de usuario de jQuery. La página finaliza, sin errores de JavaScript, en:

<script src="/js/vendor/jquery-1.8.2.min.js"></script>
<script src="/js/jquery-ui-1.10.2/ui/jquery-ui.js"></script>
<script src="/js/jquery-ui-1.10.2/ui/jquery.ui.tooltip.js"></script>
<script>
jQuery(document).tooltip();
</script>

Anteriormente, no daba errores de JavaScript, sino una información sobre herramientas de estilo predeterminado (Chrome yellow on black, tamaño de fuente pequeño), a diferencia de la información sobre herramientas en la demostración de jQuery UI en http://jqueryui.com/tooltip/ (tanto para un td como para un td> span). Ahora muestra el contenido de la pantalla durante un segundo aproximadamente, y luego se apaga la pantalla.

Lo que está mal con http://JonathansCorner.com/periodic/content.html y ¿cómo puedo solucionarlo para que muestre la página normalmente y muestre la versión de información sobre herramientas predeterminada de jQuery UI de la información sobre herramientas? La esquina superior izquierda tiene un título.

Respuestas

He creado este violín, con el marcado de su página. Tenga en cuenta que el violín en realidad agregará la etiqueta html, head y body ... y parece funcionar bien: fiddle.jshell.net/BBa4t

En lugar de su guión:

<script>
jQuery(document).tooltip();
</script>

Prueba este script:

<script>
$(function() {
$(document).tooltip();
});
</script>

Tampoco estás especificando un completo. HTML documento. Dónde están su HTML, HEAD, BODY, etc. etiquetas? Después de agregar estos incluiría los activos de jQuery en el HEAD sección en lugar de en la parte inferior de su página.

Parece que también estás incluyendo la información sobre herramientas javascript dos veces. En estas líneas:

<script src="/js/jquery-ui-1.10.2/ui/jquery-ui.js"></script>
<script src="/js/jquery-ui-1.10.2/ui/jquery.ui.tooltip.js"></script>

Parece que tu jquery-ui.js ya contiene el widget de información sobre herramientas, por lo que no necesita la segunda inclusión de jquery.ui.tooltip.js.