無法獲得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');

的提示仍處於字的頂部彈出。

我在做什麼錯？

來源

2012-07-12 123ndy

您的HTML標記包含錯誤，請查看您的鏈接標題，它具有必須在HTML中轉義的'>'字符，請改爲使用>。

來源

2012-07-12 14:53:09

對不起，這是我的文章中的錯誤。它現在被刪除:)仍然無法正常工作.. – 123ndy 2012-07-12 14:56:40

問題在於如何使用選項。
試試這個。希望工程

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

來源

2012-07-12 15:45:56 leet

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

確保你已經包含了工具提示js文件。然後看到錯誤控制檯並告訴問題是什麼。也不確定'＃t'部分是否只嘗試'#t' – leet 2012-07-13 03:49:27

這可能與包含.js文件的內容有關。我使用'twitter-bootstrap-rails'gem，並執行rails g bootstrap：install來將其安裝到項目中。還有什麼我需要做的嗎？ – 123ndy 2012-07-13 09:40:45

兩件事情：

這應該是一個對象在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。}

來源

2012-07-13 19:20:14 merv

無法獲得Bootstrap JavaScript的工作？

回答

相關問題