jQuery工具提示卡在頁面左側，對位置/位置沒有反應

我有一個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' 
});

來源

2014-10-08 Daniel Bogart

如果你能發佈的jsfiddle鏈接，它會更容易得到幫助。你的HAML文件可以編譯成一些本地不易生成的html（沒有所有這些變量）

來源

2014-10-08 22:59:29

它似乎在我創建的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

jQuery工具提示卡在頁面左側，對位置/位置沒有反應

回答

相關問題