0
我有一個jQuery工具提示應該懸停在我的表格標題上。它顯示在我的屏幕最左側,沒有格式 - 只是黑色的文字。我試圖使用位置和位置jquery屬性無濟於事。代碼:jQuery工具提示卡在頁面左側,對位置/位置沒有反應
.container
.row
.col-sm-12
%ol.breadcrumb
%li
= link_to 'Dashboard', dashboard_index_path
%li
= link_to 'Phase 3', phase_path(3)
%li
= link_to 'Step 1', phase_step_path(@phase, @step)
%li
Activity 3: Treatment Adaptations Table
.row
.col-sm-12
%h1
Activity 3: Treatment Adaptations Table
%p
To review instructions, see
= link_to 'Phase 3 Step 1 guide', phase_step_path(@phase, @step)
%table.table.table-bordered
%thead
%th{"data-toggle" => "tooltip", "title" => "tooltip"}
Specify reason(s) for the adaptation
%th{"data-toggle" => "tooltip", "title" => "tooltip"}
Identify any specific concerns about the adaptation
%th{"data-toggle" => "tooltip", "title" => "tooltip"}
How will concerns be addressed?
%th{"data-toggle" => "tooltip", "title" => "tooltip"}
Specify how the adaptation will be made
%th{"data-toggle" => "tooltip", "title" => "tooltip"}
Who will carry out the adaptation?
的jQuery:
$('[data-toggle="tooltip"]').tooltip({
'placement': 'top'
});
它似乎在我創建的jsfiddle中工作:http://jsfiddle.net/attgy27h/ 也許問題是由我的application.html.haml文件造成的?我可以看到,工具提示是在我的包裝器和容器頁面元素之後而不是內部創建的。 – 2014-10-08 23:30:04
這很難猜出:)但這裏是我如何調試它: 1.通過「觸發器」:「點擊」選項,使工具提示留在屏幕上; 2.工具提示是絕對定位的,因此請根據其「定位的」父節點(具有相對/絕對位置的節點)來檢查它 3.背景顏色由引導程序定義: 'code .tooltip-inner {max35- :200px; padding:3px 8px; color:#fff; text-align:center; text-decoration:none; background-color:#000; border-radius:4px; } ' 祝你好運。 – 2014-10-09 22:41:29