Rails 3: Twitter-引导工具提示拒绝工作
Rails 3: Twitter-引导工具提示拒绝工作
提问于 2012-06-12 22:51:27
这简直把我逼疯了，这似乎是一件很简单的事情。我无法获得工具提示(或者，在这种情况下，弹出)来工作。我安装了‘twitter-启动-rails’创业板，并生成了适当的.js和.css文件。
我不认为这是一个JQuery问题，因为我的站点上还有其他的JQuery功能可以完美地工作。
这是一些相关的代码。
application.js
//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require bootstrap-tooltip
//= require bootstrap-popover
//= require prototype
//= require prototype_ujs
//= require effects
//= require dragdrop
//= require controls
//= require_tree .
$('a').tooltip();application.css
*= require_self
*= require_tree .
*= reqire_twitter/bootstrap代码我想为工具提示工作
<a href="#" title="test" rel="tooltip" id="test-url">test</a>上面的代码，当徘徊在上面，只是显示了Chrome的正常工具提示。我在Safari中也有同样的行为，所以我怀疑它是浏览器特有的。
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-06-14 14:12:13
解决这一问题的办法有两方面。
- 将代码中的
$更改为jQuery。这消除了"Object #没有方法‘准备’“的错误。 - I有一个有无关代码的bootstrap.js.coffee文件。当我删除文件时，一切又开始正常工作了。这消除了"Uncaught :无法调用方法‘工具提示’的空“错误。
。
Stack Overflow用户
发布于 2012-11-06 12:11:19
我使用Rails 3.2.7，手动添加引导程序。一切都很好。
application.css
*= require style
*= require bootstrap.min
*= require bootstrap-responsive.min
*= require_tree .application.js
//= require jquery
//= require jquery_ujs
//= require bootstrap.min
$(document).ready(function(){
$('a').tooltip();
});
//= require_tree .和layout/application.html.erb
<head>
<%= stylesheet_link_tag("application", :media => "all") %>
</head>
<body>
<%= yield %>
<!-- scripts concatenated and minified via build script -->
<%= javascript_include_tag "application" %>
<!-- end scripts -->
</body>
</html>Stack Overflow用户
发布于 2012-06-13 00:16:20
您的application.js代码将在网页完全加载到浏览器之前执行，因此您的代码行在加载页面之前不会找到任何元素。
当DOM完全加载时，您将需要执行：
$(document).ready(function () {
$('a').tooltip();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11005990
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号