0

我正在展示另一个元素周期表，并且遇到了 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 的默认工具提示版本的工具提示？左上角有一个标题。

4

2 回答 2

2

而不是你的脚本：

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

试试这个脚本：

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

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

看起来您还包含两次工具提示 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.

于 2013-04-25T12:51:43.840 回答
1

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

于 2013-04-25T13:12:27.380 回答