Entfernen content cache von bootstrap modal

Ich verwende eine dynamisch generierte Liste von links zu zeigen, wird ein modales Fenster mit ajax geladenen Inhalt. Bootstrap automatisch eine Zwischenspeicherung der Inhalte und nicht auf modal hide-Ereignis.

Ich brauche, um die neuen Inhalte jedes mal, wenn ich auf den link klicken, wie kann ich dies umgehen?
Habe ich überprüft und es sind keine Methoden oder Eigenschaften, um das caching auf false.

mögliche Duplikate von Reload content in modal (twitter bootstrap)

InformationsquelleAutor thusithak | 2013-12-02

  1. 5

    Können Sie so etwas wie dieses:

            <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') });
        });
    Danke! dieser arbeitete für mich.

    InformationsquelleAutor Diego Plentz

  2. 1

    dieser arbeitete für mich..

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

    InformationsquelleAutor user1221765

  3. 0

    Ergänzend dazu, die ich gefunden habe, die oben nicht funktioniert mit HTML5-video-tags.

    Wenn man sich mit HTML5-video und das erste video gezeigt, hält die Anzeige, auch wenn Sie ändern die <source> tag. Die removeData Tipp funktioniert nicht in diesem Fall. So, um zu bekommen, dass Problem, erstellen Sie die gesamte video-element und es wird funktionieren. Ich lief in dieses Problem in Chrome 70.0.3538.110, so kann es nicht sein, ein Problem in anderen Browsern.

    Beispiel:

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

    Ich hoffe, das hilft anderen, die das HTML5-video-Ausgabe 🙂

    InformationsquelleAutor Auri Rahimzadeh

  4. 0

    Für jemand anderes, die hat ein ähnliches problem, die Lösung, die für mich gearbeitet wurde:

    $.ajaxSetup({
    cache: false
})

    InformationsquelleAutor Vaghani Janak

Schreibe einen Kommentar