在右侧放置一个twitter bootstrap工具提示

时间:2013-01-10 09:29:12

标签: ruby-on-rails ruby twitter-bootstrap

我想在rails中使用twitter bootstrap显示工具提示。工具提示将在页面加载时显示。所以为了做到这一点,我在该字段的标记中添加了以下内容:

rel="tooltip" title="Press CTRL+C To Copy"

然后我将以下代码添加到我的application.js文件中:

window.onload = function(){
var text_input = document.getElementById ('url_copy');
text_input.focus ();
text_input.select ();
$('#url_copy').tooltip('show')
}

幸运的是,它正在显示工具提示。不幸的是,它正在顶部展示它。但我想把它放在正确的位置。我知道我必须使用一个展示位置:“正确”或类似提及的http://twitter.github.com/bootstrap/javascript.html#tooltips

但是代码应该怎么样?

提前致谢...

1 个答案:

答案 0 :(得分:3)

在您链接的页面上显示了示例。

要将其放在右侧,请使用以下html。

<a href="#" rel="tooltip" data-placement="right" data-original-title="Tooltip on right">Tooltip on right</a>

http://twitter.github.com/bootstrap/javascript.html#tooltips