Comment puis-je détruire toutes les instances de Bootstrap Liste?

Trouver les popovers qui sont créés par le biais de l'API de données n'est pas difficile et a été couverte dans d'autres réponses, comme ceux de David Mulder et Amir Popovich. Vous venez de faire:

$("[data-toggle='popover']").popover('hide');

Ou vous pouvez utiliser destroy si vous avez besoin de ou préférez.

Le défi est de gérer les popovers sont créés dynamiquement.

Marquant les Éléments avec Popovers

Je voudrais mettre en place quelque chose comme ça. Je voudrais remplacer la valeur par défaut popover méthode et je vais l'essayer pour effectuer ce remplacement dès que possible, afin que tout qui a besoin d'une liste utilise mon remplacement. Ce qu'il fait est juste marquer les éléments que l'utilisation d'une liste avec une classe. Bootstrap n'est pas la marque elle-même:

//Override popover so as to mark everything that uses a popover.
var old_popover = $.fn.popover;
function my_popover() {
  this.addClass('marked-as-having-a-popover');
  return old_popover.apply(this, arguments);
}
$.fn.popover = my_popover;

Puis effacer tout ce qui est avant le déchargement, je l'avais mis dans le code qui détecte le déchargement suivantes:

$(".marked-as-having-a-popover").popover('hide');

Ou il pourrait utiliser destroy plutôt que hide si le test indique que cela fonctionne le mieux pour votre cas d'utilisation.

Maintenant, la méthode ci-dessus sera travail si le remplacement se produit assez tôt et vous n'avez pas une page où plusieurs jQueries sont chargés. (Oui, oui, c'est possible.) J'utilise quelque chose de semblable à traiter avec les info-bulles dans une de mes applications donc je connais le principe est sain. Il se trouve que dans mon application, toutes les info-bulles sont créés par mon code donc il n'y a pas de risque de manquer quelque chose.

Trouver Tous les Éléments de Popovers, Même Banalisée

Si vous êtes dans une situation où une liste peut être créée sans être marqué (j'appelle cela un "évadé"), alors vous avez besoin d'interroger l'ensemble des DOM et de trouver les éléments qui ont popovers. Il n'y a pas de raccourci ici. Vous ne pouvez pas compter sur les attributs comme data-content parce que popovers peut être créé entièrement de manière dynamique (c'est à dire sans les data- attributs). Aussi, toutes sortes d'éléments peuvent obtenir des popovers, de sorte que vous ne pouvez pas fiable supposons que button éléments auront une liste. Le seul moyen infaillible pour trouver tout ce que les besoins de la manipulation est de regarder chaque élément du DOM et de vérifier si il a une liste:

//Obviously this is quite expensive but in a situation where there *can* be escapees
//then you have to check all elements to see if they have a popover.
$("*").each(function () {
    //Bootstrap sets a data field with key `bs.popover` on elements that have a popover.
    //Note that there is no corresponding **HTML attribute** on the elements so we cannot
    //perform a search by attribute.
    var popover = $.data(this, "bs.popover");
    if (popover)
        $(this).popover('hide');
});

De nouveau, destroy pourrait être utilisé plutôt que hide.

Preuve de Concept

Ici est un violon qui illustre l'ensemble de la chose:

• "Ajouter une Liste Dynamique" simule un code qui permettrait d'ajouter une liste lorsque le remplacement est en effet.

• "Ajouter un Évadé" simule un code qui permettrait d'ajouter une liste et qui arrivent à utiliser l'original du code d'Amorçage.

• "Supprimer la sélection" efface que la marqué popovers.

• "Tout effacer" efface chaque liste ou non marqué.

Quelque chose de générique comme ceci (en supposant que vous êtes en utilisant les données des fixations) devrait faire l'affaire:

$('[data-toggle="popover"]').popover('hide')

ou les plus extrêmes appel

$('[data-toggle="popover"]').popover('destroy')

bien que je doute que souvent. Toujours à l'adresse de bug spécifique vous êtes à la rencontre, vous devez créer un minimum de cas de test de sorte que le bug lui-même, peuvent être envisagées.

Oh, et si vous souhaitez vérifier pour les popovers vous pouvez utiliser .data("bs.popover").$tip.parent().length (qui est un peu un hack), par exemple:

$('[data-toggle="popover"]:eq(0)').data("bs.popover").$tip.parent().length == 1

essayer avec ceci:

$('YOUR_ELEMENT_SELECTOR').liste('jeter');

url de référence: https://getbootstrap.com/docs/4.1/components/popovers/