【发布时间】:2011-09-22 19:03:35
【问题描述】:
我有一个基于 Boilerplate 2.0 的页面,并且想要添加工具提示。在加载jQuery的调用下,我添加了加载jQuery-tools bundle的调用,然后在js/script.js中调用:
jQuery(".has-tooltip").tooltip();
结果?没有工具提示出现; Chrome 的 JavaScript 控制台提供:
jQuery('.has-tooltip').tooltip();
script.js:30Uncaught TypeError: Object [object Object] has no method 'tooltip'
据我所知,从 index.html 中的顺序来看,会发生以下情况:
我加载了 jQuery。
我加载 jQuery 工具,没有明显错误。
- 我调用 jQuery().tooltip()。这会出错,并且不显示工具提示。
如何确保工具扩展已注册到 jQuery 并且我可以调用 jQuery().tooltip(...)?
ATdhvaanckse,
--编辑--
这是一个投资组合;网址是:
http://JonathanHayward.com/portfolio
我尝试将内容拉入本地加载(即删除 CDN jQuery 命中);这并没有产生明显的差异。
【问题讨论】:
-
签入fiddler看是否实际加载了tooltip js文件。
-
您可以验证是否正在加载工具提示代码(使用 Firebug/whatever 检查加载的脚本集);你也可以发布你的 HTML,即使它很无聊,只是为了完整(谁知道呢,也许它有一些简单的问题)。
-
您使用条件 cmets 插入您的开始
<html>标签,但如果访问者不使用资源管理器会发生什么情况;根本没有<html>标签?此外,根据 W3C 验证器,您有六个流浪</div>标签。 -
那么这里发生了什么?有什么解决办法吗?
-
根据下面的答案,我正在加载 jQuery,然后加载 jQuery Tooltips,然后再次加载 jQuery,覆盖加载的 jQuery Tooltips。
标签: javascript jquery html jquery-tools boilerplate