jQuery Gantt Chart는 qtip을 힌트로 추가합니까?

Question

Im 사용시 http://mbielanczuk.com/jquery-gantt/ 플러그인

마우스 오버 힌트를 qTip2으로 변경하는 방법에 대한 아이디어가있는 사람이 있습니까?

Answer 1

마침내 얻었습니다! :)

다음은 qtip2로 fn-gantt-hint를 변경하는 방법입니다. js 파일을 열고 seach for;

if (desc) 
{ 
    bar 
... 
} 
return bar; 

다음이 메시지를 제거하거나 그냥 주석으로 처리하십시오.

.mouseover(function(e){ 
    var hint = $("<div class='fn-gantt-hint' />").html(desc); 
    $("body").append(hint); 
    hint.css('left', e.pageX); 
    hint.css('top', e.pageY); 
    hint.show(); 
    }) 
    .mouseout(function(){ 
    $(".fn-gantt-hint").remove(); 
    }) 
    .mousemove(function(e){ 
    $('.fn-gantt-hint').css('left', e.pageX); 
    $('.fn-gantt-hint').css('top', e.pageY+15); 
}); 

bar.qtip({ 
    content: desc, 
    position: { 
     my: 'top left', 
     target: 'mouse', 
     viewport: $(window), // Keep it on-screen at all times if possible 
     adjust: { 
      x: 10, y: 10 
     } 
    }, 
    hide: { 
     fixed: true // Helps to prevent the tooltip from hiding ocassionally when tracking! 
    }, 
    style: 'ui-tooltip-shadow' 
}); 

그리고 나서 완료! :) 건배! qtip2가있는 간트 차트! 플러그인을 공유하여 mbielanczuk에 크레딧을주고 qtip2도 사용하십시오! 나는 너희들을 사랑한다! :))