TD 내부의 DIV - 두 가지 모두 qTip입니다. DIV를 클릭 할 때 두 qtips가 표시됩니다.

Question

많은 셀이있는 큰 테이블이 있으며이 셀 중 일부에는 div이 있습니다.

사용자가 셀을 직접 클릭하면 div을 클릭 할 때보 다 다른 q 팁이 표시됩니다.

$('#table').on('click', 'td', function(event){ click_td(event); });  

function click_td(e) { 

     if ($(e.target).hasClass('div')) 
     { 
      var content = tip1_conent(e); 

      $(e.target).qtip({ 
       overwrite: false, 
       content: {text: content}, 
       show: { 
        solo: true, 
        event: 'click', 
        ready: true 
       }, 
       hide: { 
        fixed: true, 
        inactive: 3000 
       } 
      }, e); 
     } 
     else 
     { 
      var td = (e.target.localName=='td')?$(e.target):$(e.target).parents('td');    
      var content = tip2_conent(e); 

      $(e.target).qtip({ 
       overwrite: false, 
       content: {text: content}, 
       show: { 
        solo: true, 
        event: 'click', 
        ready: true 
       }, 
       hide: { 
        fixed: true, 
        inactive: 3000 
       } 
      }, e); 
     } 
} 

문제 :

이

내 코드입니다 내가이 코드를 사용하고

1. - (클릭 일련의 후 즉, DIV, 다음 TD, 다음 DIV한다.) 동시에 두 qtips가 표시됩니다.

2. 내가 숨기기 이벤트에 툴팁 파괴하는 경우 :

   이벤트 : { 숨기기 : 기능() { $ (이) .qtip을 (사실 '파괴');

   • 형식 오류 : 내가 jquery.min에서 FF의 콘솔에서 erors을 많이 받게됩니다

} } this.options가 null

형식 오류입니다 : O null입니다

hun으로 처리하는 가장 효과적인 방법은 무엇입니까? 페이지에 요소를 dreds?

UPD_1 : http://jsfiddle.net/EcStud/Gfkg4/ -이 jsfiddle 버전입니다

Answer 1

var에 oQtip;

$ ('# table'). ('click', 'td', function (event) {click_td (event);});

기능 click_td (E) {

if(oQtip) 
    { 
      if(oQtip.is(':visible')) 
      { 
       oQtip.hide(); 
      } 
    } 
    if ($(e.target).hasClass('div')) 
    { 
     var content = tip1_conent(e); 

     oQtip = $(e.target).qtip({ 
      overwrite: false, 
      content: {text: content}, 
      show: { 
       solo: true, 
       event: 'click', 
       ready: true 
      }, 
      hide: { 
       fixed: true, 
       inactive: 3000 
      } 
     }, e); 
    } 
    else 
    { 
     var td = (e.target.localName=='td')?$(e.target):$(e.target).parents('td');    
     var content = tip2_conent(e); 

     oQtip = $(e.target).qtip({ 
      overwrite: false, 
      content: {text: content}, 
      show: { 
       solo: true, 
       event: 'click', 
       ready: true 
      }, 
      hide: { 
       fixed: true, 
       inactive: 3000 
      } 
     }, e); 
    } 

}