jQuery 툴팁이 페이지 왼쪽에 붙어있어 배치/위치에 응답하지 않습니다.

Question

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를 : 당신이 jsfiddle 링크를 게시 할 수있는 경우

$('[data-toggle="tooltip"]').tooltip({ 
    'placement': 'top' 
}); 

Answer 1

, 도움을받을 수 쉬울 것입니다. HAML 파일을 로컬에서 쉽게 생성 할 수없는 html 파일로 컴파일 할 수 있습니다 (모든 해당 변수 제외)