Question

我是铁杆新手。

我有这个简单的代码：

<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');

工具提示仍然会出现在单词的顶部。

我做错了什么？

Answer 1

您的HTML标记包含错误，请查看您的链接标题，它有'＆gt;'必须在HTML中转义的字符，请改用>。

Answer 2

问题在于您如何使用选项试试这个。希望它有效

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

Answer 3

两件事：

这应该是tooltip()方法调用中的对象文字。
如果您已经激活了元素上的工具提示，则再次调用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中使用。}

无法使用Bootstrap javascript工作？

3 个答案: