6
votes

Suppression du cache de contenu de Bootstrap Modal

J'utilise une liste de liens générés dynamiquement pour afficher une fenêtre modale avec un contenu chargé Ajax. Bootstrap cache automatiquement le contenu et ne l'efface pas sur l'événement Masquer modal.

J'ai besoin d'obtenir un nouveau contenu chaque fois que je clique sur le lien, comment puis-je contourner cela? J'ai vérifié et il n'y a pas de méthodes ni de propriétés pour définir la mise en cache sur FALSE.


4 Réponses :


7
votes

Vous pouvez utiliser quelque chose comme ceci: xxx


0 commentaires

1
votes

Ceci a fonctionné pour moi ..

$('body').on('hidden.bs.modal', '.modal', function () {
        $(this).removeData('bs.modal');
      });


0 commentaires

0
votes

Ajout à cela, j'ai découvert que ce qui précède ne fonctionne pas avec des balises vidéo HTML5.

Si vous traitez de la vidéo HTML5, et la première vidéo affichée conserve l'affichage, même si vous changez le code> tag. La pointe de retraite ne fonctionnera pas dans ce cas. Donc, pour contourner ce problème, recréer l'ensemble de l'élément vidéo et cela fonctionnera. J'ai rencontré cette question dans le chrome 70.0.3538.110, il peut donc ne pas être un problème dans d'autres navigateurs. P>

Exemple: P>

        var playerHtml = '<video id="someId" style="width: 100%;" controls>' +
            '<source src="' + someVideoUrl + '">' +
            '<p>Your browser does not support HTML5 video.</p>' +
            '</video>';

        $("#idOfDivWhereHtml5VideoElementShouldRender").html(playerHtml);


0 commentaires

1
votes

Pour quelqu'un d'autre qui a un problème similaire, la solution qui a fonctionné pour moi était la suivante: xxx


0 commentaires