qtipクリックボタンでツールチップを隠す

Question

クリックすると対象オブジェクトを削除するqtipツールチップ内にボタンがあります。しかし、ターゲットオブジェクト（カレンダーイベント）を削除した後、ツールチップが表示されたままになります。ツールチップを削除/隠す方法 以下はqtipオプションとスクリーンショットです。

var content = '<button class="btn btn-xs btn-default delCalendarEvent" id="' + event._id + '"><i class="fa fa-trash"></i></button>'; element.qtip({ show: { event: 'click', solo: true }, hide: { event: 'click unfocus' }, content: content, style: { classes: 'qtip-bootstrap' }, position: { my: 'bottom center', at: 'top center', container: $('.fc') } });

Answer 1

あなたはこのように、コンテンツは関数から生成されたで遊んで試すことができます：

$('a[title]').qtip({show: { 
     event: 'click', 
     solo: true 
    }, 
    hide: { 
     event: 'click unfocus' 
    }, 
    content: function() { 
     var context = this.context; 
     var btn = $('<button class="btn btn-xs btn-default delCalendarEvent" id="55">X</button>'); 
     btn.click(function() { 
     $(context).qtip().destroy(); 
     $(context).remove(); 
     }) 
     return btn; 
    }, 
    style: { 
     classes: 'qtip-bootstrap' 
    }, 
    position: { 
     my: 'bottom center', 
     at: 'top center', 
     container: $('.fc') 
    } 
    }); 

JSFiddle：http://jsfiddle.net/tnmj7w1p/