jQuery Outils -> info-bulle méthode destroy?

Je suis à l'aide de Lecteur de jQuery Outils de cadre (en particulier les info-bulles plugin) dans un tableau, en plus de jQuery UI calendrier.

Chaque ligne de la table a la possibilité d'insérer une ligne au-dessus et au-dessous.

Quand vous faites cela, je suis le clonage de l'objet cliqué (les événements et les objets) et de l'insérer directement au-dessus ou au-dessous.

Après l'ajout d'une nouvelle ligne, je actualisation de la table, la création de nouvelles id est pour ma éléments, en réinitialisant le datepicker, et tenter de réinitialiser l'info-bulle.

Je suis à la recherche d'un moyen de le détruire complètement, à partir de l'instance, et le réappliquer.

Je suis à la recherche de quelque chose de similaire à la datepicker('destroy') méthode.

$j($editRow).find('input.date').datepicker('destroy').datepicker({dateFormat: 'mm-dd-yy', defaultDate : defaultDateStr});

J'ai déjà tenté :

  1. pour séparer les infobulles et les événements de focus : quand reinvoking info-bulle, il passe automatiquement à l'objet qu'il a été fabriqué à partir.
  2. masquer l'info-bulle de l'élément DOM, supprimer l'info-bulle de l'objet à partir de la cible, et le réappliquer. La même chose se produit en tant que (1)

Est-il moyen que je peux créer une méthode destroy moi-même?

Pouvez-vous expliquer ce que vous entendez par "passe automatiquement à l'objet qu'il a été fabriqué à partir de" lorsque vous essayez de séparer l'info-bulle?
pouvez-vous poster le code que vous utilisez pour appeler les info-bulles, et le code que vous avez utilisé pour essayer de le séparer d'eux?

OriginalL'auteur redcloud1800 | 2011-02-02

  1. 5

    J'ai essayé kwicher de la méthode, et ne pouvait pas le faire fonctionner. Bien que j'ai été tenté de modifier le minifiés code, et je ne suis pas entièrement sûr, j'ai trouvé le bon endroit pour faire le changement.

    Je l'ai fait, cependant, à obtenir que cela fonctionne. ValidationFailed est une classe que je m'applique à tous les champs de saisie qui sont aussi les info-bulles sont appliquées.

    $('.validationFailed').each(function (index) {
    $(this).removeData('tooltip');
});

$('.tooltip').remove();

    J'ai essayé de plusieurs façons différentes, et ce était la seule combinaison qui m'a permis d'ajouter d'autres outils et conseils post-removal, sans empêcher la nouvelle info-bulles de fonctionner correctement.

    Du mieux que je peux dire, l'info-bulle de la classe de suppression des poignées de se débarrasser de la réelle info-bulle de la vrd, dont les événements sont également câblé directement. L' .removeData permet l'info-bulle pour être re-lié dans l'avenir.

    OriginalL'auteur Tom Halladay

  2. 5

    Bâtiment sur vos idées et Tom réponse, j'ai trouvé que trois choses sont nécessaires:

    1. éliminer les "info-bulle" des données de l'info-bulle élément cible
    2. séparer les écouteurs d'événement de l'info-bulle élément cible
    3. supprimer l'élément (en supposant que vous êtes à l'aide de cette info-bulle approche pour permettre l'arbitraire de code HTML dans votre tip)

    Donc, cette fonction simple qui devrait faire l'affaire. Il suffit de passer un objet jQuery contenant les éléments cibles de l'info-bulles que vous voulez détruire.

    function destroyTooltips($targets) { 
    $targets.removeData('tooltip').unbind().next('div.tooltip').remove();
}

    OriginalL'auteur Mark

  3. 1

    Si vous avez encore besoin d'elle, vous pouvez faire comme suit:
    - dans l'info-bulle de la mise en œuvre de fichier, ajoutez la fonction suivante 

    destroy: function(e) {
        tip.detach();
        }

    quelque part dans :

    $.extend(self, {
...

    J'ai après la dernière fonction native.

    Ensuite, lorsque vous voulez retirer la pointe, du feu, des

    $(.tip).data('tooltip').destroy();

    Il devrait faire l'affaire

    K

    OriginalL'auteur kwicher

  4. 0
       if($element.data('ui-tooltip')) {//if tooltip has been initialized
       $element.tooltip('destroy');
   }

    OriginalL'auteur Jaskey

  5. -1

    C'est peut-être trop tard... 😉

    Mais ici vous pouvez trouver toutes les méthodes de "l'info-bulle': http://www.w3schools.com/bootstrap/bootstrap_ref_js_tooltip.asp

    Je laisse la pointe de quelqu'un qui pourrait passer par, avoir le même problème: le contact avec les différents "info-bulle" actions/objs.

    OriginalL'auteur Pedro Ferreira