javascript - 无法让 Bootstrap javascript 工作？

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 标记包含错误，请查看您的链接标题，它有 '>' 字符，必须在 HTML 中转义，请>改用。

Answer 2

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

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

Answer 3

两件事情：

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 中有效。}