En supprimant le contenu du cache de modal bootstrap

Je suis en utilisant un générées dynamiquement une liste de liens à afficher une fenêtre modale avec l'ajax le contenu chargé. Bootstrap met automatiquement en cache le contenu et n'est pas clair sur modale cacher événement.

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

double possible de Recharger le contenu modal (twitter bootstrap)

OriginalL'auteur thusithak | 2013-12-02

  1. 6

    Vous pouvez utiliser quelque chose comme ceci:

            <a href="/my/url" class="modal-toggle">test</a>


        $('body').on('click', '.modal-toggle', function (event) {
            event.preventDefault();
            $('.modal-content').empty();
            $('#myModal')
                .removeData('bs.modal')
                .modal({remote: $(this).attr('href') });
        });
    Merci! cela a fonctionné pour moi.

    OriginalL'auteur Diego Plentz

  2. 1

    cela a fonctionné pour moi..

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

    OriginalL'auteur Indhi

  3. 0

    Ajoutant à cela, j'ai trouvé le ci-dessus ne fonctionne pas avec les balises video HTML5.

    Si vous faites affaire avec la vidéo HTML5, et la première vidéo ci continue à montrer, même si vous modifiez le <source> tag. Le removeData astuce ne fonctionnera pas dans ce cas. Donc, pour contourner ce problème, recréez l'ensemble de l'élément de vidéo et il va fonctionner. Je suis tombé sur cette question dans Chrome 70.0.3538.110, de sorte qu'il peut ne pas être un problème dans les autres navigateurs.

    Exemple:

            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);

    J'espère que ça aide les autres à avoir la vidéo HTML5 question 🙂

    OriginalL'auteur Auri Rahimzadeh

  4. 0

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

    $.ajaxSetup({
    cache: false
})

    OriginalL'auteur Vaghani Janak