q 각 루프에서 팁을 사용할 때 내용이 표시되지 않습니다.

Question

qTip + JQuery를 사용하여 DIV 요소의 내용에서 툴팁을 만들려고합니다. 정적 내용으로 툴팁을 정의하려고하면 모든 것이 정상적으로 작동하는 것 같습니다. for 루프 내부에서 그들을 사용하려고 할 때 DIV 요소의 내용을 가져 와서 툴팁으로 표시하려고하면 아무 것도 나타나지 않습니다. 나는 문서 준비 함수 안에 다음 코드를 가지고있다. 나에게

<div class="vBarContainer"><div id="gantt_65_1" class="gantt" style="border-width:medium;border-color:black;background:orange;width:6%;margin-left:0%;">0</div><div class="tooltip">Quantity:15453</div></div> 

수있는 사람 지점 내가 잘못 일을 할 수 있는지 등 : 디스플레이 속성은 클래스 '툴팁'

$.each($(".tooltip"), function (i, val) { 
      var theContent = $(val).html(); 
      $(val).qtip({ 
       content: $(val).html, 
       style: { 
        width: 200, 
        background: '#ebf1ff', 
        color: 'black', 
        textAlign: 'center', 
        border: { 
         width: 1, 
         radius: 4, 
         color: '#AACCEE' 
        }, 
        tip: 'bottomLeft', 
        name: 'dark' 
       } 
      }); 
     }); 

내 HTML 태그

아래에 뭔가 모양에 없음으로 설정되어 있습니까?

감사합니다, javid

Answer 1

내 솔루션 :이 사업부의 형제 속성을 사용하여 작업 얻을 관리 옆에있는 툴팁 div 요소 어쩌면

$('.gantt').each(function() { 
     $(this).qtip({ 
      content: $(this).siblings('div.tooltip').html(), 
      style: { 
       width: 200, 
       background: '#ebf1ff', 
       color: 'black', 
       textAlign: 'left', 
       border: { 
        width: 1, 
        radius: 4, 
        color: '#AACCEE' 
       }, 
       tip: 'bottomLeft', 
       name: 'dark' 
      }, 
      position: { 
       corner: { 
        target: 'topMiddle', 
        tooltip: 'bottomLeft' 
       } 
      } 
     }); 
    });