qtip hide tooltip durch Klicken auf die Schaltfläche innerhalb

Question

Ich habe eine Schaltfläche in Qtip Tooltip, die Zielobjekt auf klicken, um es zu entfernen. Aber nach dem Entfernen von Zielobjekt (Kalenderereignis) Tooltip bleiben sichtbar. Wie Tooltip auch entfernen/verstecken? Unten ist qtip Optionen und Screenshot.

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

Sie können versuchen, zu spielen um den Inhalt mit, die aus einer Funktion, wie folgt erzeugt werden:

$('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/