qTip (plug-in jQuery) comment puis-je supprimer tous les qtips dans ma page?

Je suis en utilisant jquery-plugin qTip. Quelle est la commande pour détruire toutes les info-bulles dans ma page ?

J'ai essayé:

$('.option img[title], span.taxonomy-image-link-alter img[title]').qtip("destroy");

Mais il ne fonctionne pas...
Grâce

InformationsquelleAutor aneuryzm | 2010-04-28

25

J'ai résolu avec $(".qtip").remove();
- La suppression par le biais de ce sélecteur n'efface pas toutes les ressources liées à l'élément cible.
- Qtip2 utilise aussi 'lazy-loading" par défaut, les info-bulles ne sera pas créé jusqu'à la première apparence
InformationsquelleAutor aneuryzm
18

qTip2 est plus récente version de ce script, mais je voudrais juste signaler 1 chose.
```
$(".qtip").remove();
```
Ce morceau de code n'a pas de détruire toutes les bulles d'aides - il suffit de retirer de leurs contenants. Tous les gestionnaires et les événements attachés aux objets qui invoquent les info-bulles sont encore disponibles dans la mémoire du navigateur.

Dans qTip pour supprimer l'info-bulle et il est gestionnaire scompletely que vous auriez à utiliser:
```
$(mytooltip).qtip("destroy");
```
ou
```
$(mytooltip).qtip('api').destroy(); 
```
Dans qTip2 cependant, l'utilisation de ce:
```
$(mytooltip).remove();
```
Serait automatiquement l'appel de l'api et de détruire info-bulle et gestionnaires complètement.
- +1 dépose des conteneurs a également détruit tous les éléments à l'intérieur, et pas seulement le hover info-bulle.
InformationsquelleAutor biphobe
16
```
$('.qtip').each(function(){
  $(this).data('qtip').destroy();
})
```
- Cela a fonctionné parfaitement pour moi
- Bon si vous ne pouvez pas obtenir le sélecteur d'élément.
- Cela semble être le plus sensible de la solution.
InformationsquelleAutor Stewie
11

qtip("destroy") est buggé (version 2.1.1) et n'est pas évident de tout.

J'ai trouvé cela comme une bonne solution de contournement:
```
//don't call destroy if not needed
if (element.data("qtip")) {
    //the 'true' makes the difference
    element.qtip("destroy",true);
    //extra cleanup
    element.removeData("hasqtip");
    element.removeAttr("data-hasqtip");
}
```
- +1, qtip détruire n'a pas eu les résultats escomptés pour moi
- +1, a confirmé que 2.1.1, l'ajout de vrai, a fait le travail.
- Beaucoup apprécié! Il me semble avoir le même problème en 2.1.1, et cette solution de contournement ne le truc pour moi.
- dû utiliser un sélecteur jQuery à la place de element ( $(.selector)._____ ), mais cela a fonctionné parfaitement
InformationsquelleAutor gamliela
2

Semble buggy. J'ai eu un peu de chance avec cela, mais il ne permet pas de restaurer les titres originaux. Je soupçonne destroy ne pas le faire...
```
$('span.taxonomy-image-link-alter img')
    .filter(function(){return $(this).data('qtip');})
    .qtip('destroy');
```
Il semble que vous ne pouvez pas appeler destroy sur des éléments sans qTip - il ne s'agit pas en silence, mais déclenche une exception et s'arrête la boucle.
- je l'ai résolu de cette façon: $(".qtip").remove(); j'ai supprimer tous les éléments ajoutés par qTip sur le bas de la page
- que son mieux, même si elle peut laisser certains de données et les gestionnaires d'événements. Ma version n'est pas mieux si... Vous devez ajouter une autre réponse et de l'accepter.
InformationsquelleAutor Kobi
2

Je l'ai vécu de l'api-appel
```
$(selector).qtip('destroy')
```
ne supprime pas tous les qtip-données de manière fiable, en particulier lors de l'utilisation de plusieurs qtips simultanément.

Dans mon cas, j'ai dû supprimer un visible qtip et utilisé avec succès cette solution de contournement:
```
$(selector).removeData('qtip');
$('.qtip :visible').remove();
```
InformationsquelleAutor Martin Pabst

   if ( jQuery( '.qtip' ).length > 0 )
    {
        jQuery( "#IdElement").qtip("destroy");
    }

InformationsquelleAutor Tefiniaina Lovasoa

0

Aucune de ces réponses m'ont aidé.

Dans mon cas, j'ai eu un qtip sur un élément avec un bouton de fermeture. Le bouton fermer supprimé l'élément, donc il n'y a pas de point de référence pour supprimer le qtip après que l'élément a été supprimé.

J'ai pensé $('.qtip:visible').remove() pourrait fonctionner, mais c'est en quelque sorte retiré tous les qtips sur la page, et pas le seul que j'ai voulu supprimé.

J'ai remarqué que le visible qtip est donné une classe qtip-active, de sorte que ce qui a fonctionné pour moi a été:

$('.qtip-active').remove();

InformationsquelleAutor bozdoz
0

Il peut être un peu tard, mais j'ai eu des problèmes avec la mémoire et de chargement de la page lorsqu'un appel ajax remplacer le contenu de la page, la suppression de la cible qtip2 les objets avant de les détruire, de sorte que certains éléments de la demeure même si la cible avait disparu.

Basée sur le fait que, parfois, vous voulez nettoyer toutes les qtips2 éléments et de données, peu importe si l'objet existe ou non, certains d'info-bulle éléments reste sur le corps, de sorte que lorsque la cible d'origine a disparu, il n'est pas facile d'appeler le détruire() la méthode.

À moins que vous le faites de la recherche pour les objets créés à la place de la cible.
```
jQuery('div[id^="qtip-"]').each(function(){ //search for remaining objects

    _qtip2 = jQuery(this).data("qtip"); //access the data where destroy() exist.

    //if it's a proper qtip2 object then call the destroy method.
    if(_qtip2 != undefined){ 
        //the "true" is for immediate destroy
        _qtip2.destroy(true);
    }
    //if everything went right the data and the remaining objects in the body must be gone.
});
```
J'ai utilisé JQuery pour aucun problème de conflit, mais vous pouvez utiliser "$" (symbole) au lieu de JQuery

InformationsquelleAutor MiKE Zamora
0

Ce sujet:
```
$('[data-hasqtip]').qtip('destroy', true);
```
Semble être de travailler avec qTip2 version 3.0.2.

InformationsquelleAutor userlond

Vous devez vous connecter pour publier un commentaire.