jquery - jQuery甘特图添加qtip作为提示？

Question

我正在使用http://mbielanczuk.com/jquery-gantt/插件

有谁知道如何将鼠标悬停提示更改为qTip2？

Answer 1

终于我明白了！！:)

以下是如何通过 qtip2 更改 fn-gantt-hint。打开js文件并搜索；

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 的甘特图！通过共享插件和 qtip2 归功于 mbielanczuk！我爱你们！:))