Question

我正在努力展示另一个周期表，并且遇到了jQuery UI工具提示的问题。该页面在没有JavaScript错误的情况下结束于：

<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>

之前它没有给出任何JavaScript错误，但是默认样式（黑色的Chrome黄色，小字体大小）工具提示，与http://jqueryui.com/tooltip/的jQuery UI演示中的工具提示不同（td和td都是;跨度）。现在它显示屏幕内容大约一秒钟，然后将显示屏空白。

http://JonathansCorner.com/periodic/content.html有什么问题？如何修复它以便正常显示页面并显示jQuery UI的工具提示的默认工具提示版本？左上角有一个标题。

Answer 1

而不是你的脚本：

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

试试这个脚本：

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

您也没有指定完整的HTML文档。您的HTML，HEAD，BODY等标记在哪里？添加这些内容后，我会在HEAD部分中包含jQuery资源，而不是在页面底部。

看起来你还包括两次工具提示javascript。在这些方面：

<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>

您的jquery-ui.js似乎已包含工具提示小部件，因此您不需要第二次包含jquery.ui.tooltip.js。

Answer 2

我用你的页面标记创建了这个小提琴。请注意，小提琴实际上会添加html，head和body标签......它似乎工作正常：fiddle.jshell.net/BBa4t

为什么我的jQuery工具提示不像jQuery工具提示？

2 个答案: