2012-07-12 72 views
2

我是新来的铁轨。无法获得Bootstrap JavaScript的工作?

我有这个简单的代码:

<h1>Pages#home</h1> 
<p>Find <a id="t" rel="tooltip" title="Click me!">me</a> in app/views/pages/home.html.erb</p> 

而且pages.js.coffee文件:

jQuery -> 
    $('a#t').tooltip(placement: 'bottom'); 

的提示仍处于字的顶部弹出。

我在做什么错?

回答

1

您的HTML标记包含错误,请查看您的链接标题,它具有必须在HTML中转义的'>'字符,请改为使用&gt;

+0

对不起,这是我的文章中的错误。它现在被删除:)仍然无法正常工作.. – 123ndy 2012-07-12 14:56:40

0

问题在于如何使用选项。
试试这个。希望工程

$('a#t').tooltip('placement': 'bottom'); 
+0

嗯,那也不管用... – 123ndy 2012-07-12 22:48:39

+1

确保你已经包含了工具提示js文件。然后看到错误控制台并告诉问题是什么。也不确定'#t'部分是否只尝试'#t' – leet 2012-07-13 03:49:27

+0

这可能与包含.js文件的内容有关。我使用'twitter-bootstrap-rails'gem,并执行rails g bootstrap:install来将其安装到项目中。还有什么我需要做的吗? – 123ndy 2012-07-13 09:40:45

0

两件事情:

  1. 这应该是一个对象在tooltip()方法调用文字。

  2. 如果您已经激活元素上的工具提示,再次调用tooltip()方法将无法更新选项。

鉴于这种情况,你可以试试:

if ($('a#t').data('tooltip')) { // check for tooltip data first 
    $('a#t').data('tooltip').options.placement = 'bottom'; 
} else { 
    $('a#t').tooltip({placement: 'bottom'}); 
} 

声明:我既不知道,也不Rails的CoffeeScript的,但我知道上面的代码工作在JS。