Bootstrap 3, Daten-Karte funktioniert nicht

Ich bin mit dem modal-plugin unterstützt Bootstrap 3 (http://getbootstrap.com/javascript/#modals) mit den folgenden mark-up:

<div class=​"modal fade" id=​"login_modal" tabindex=​"-1" role=​"dialog" aria-labelledby=​"myModalLabel" aria-hidden=​"true" data-show=​"true">​…​</div>​

Laut Dokumentation sollte diese Arbeit mit der Daten-Karte Attribut.. Leider ist das modal wird nicht automatisch angezeigt, wenn die Seite fertig geladen ist. Ich sehe nicht, dass etwas falsch hier, so hoffe ich einer von Euch kann vor Ort das problem für mich, bitte.

P. S.:
Ich fand auch eine ähnliche existent, aber bereits geschlossen, Problem Sie hatte mit modals, die scheinen, zu haben gewesen umgeschrieben in v3 also ich glaube nicht, es ist up-to-date (https://github.com/twbs/bootstrap/issues/5891).

BEARBEITEN
Was ich vergessen habe zu erwähnen ist, dass ich inklusive bootstrap-natürlich. Mit einem Knopf öffnen und schließen, funktioniert es Prima. 🙂 Es ist wirklich nur die Daten-show-Attribut nicht tut, was es soll

  • Try jQuery option dann? $('#myModal').modal('show'); Wenn Ihre Frage ist mehr in Neugier, warum data-show funktioniert nicht, ich konnte es nicht auf mich, entweder aus der box.
  • Gut aussieht wie ich muss erstellen Sie einen Fehlerbericht senden, dann...und/oder sich ein patch =)
  • Ich habe das gleiche problem. Hast du letztlich ein Problem für diese auf Ihrer github-Seite?
InformationsquelleAutor David Philip | 2013-09-17
  1. 9

    Es ist eigentlich kein bug, weil der Dokumentation sagt:

    Zeigt den modal, wenn die Initialisierung.

    Daher müssen Sie zu initialisieren, Ihr Modal "manuell" von JS:

    <script type="text/javascript">
    $( function(){
        $('#myModal').modal();
    } )
</script>
    • Die Dokumentation könnte irreführend sein, eine zu denken, die Daten-show-Attribut initialisiert ein modal auf die Seite laden, wenn es nicht funktioniert. Eigentlich ist der Standardwert für diese Option ist bereits auf "true"gesetzt.
    InformationsquelleAutor Karl Adler
  2. 4

    Wenn data-show="true", dann, wenn Sie anrufen $('.modal').modal(), der modal angezeigt wird. Aber wenn data-show="false", $('.modal').modal() nicht funktioniert, Sie müssen rufen Sie $('.modal').modal('show') statt.

    • Das sollte die Antwort sein.
    InformationsquelleAutor Trantor Liu
  3. 0

    Dies ist für mich arbeiten:

    $(document).ready(function () {
    $('*[data-show]').modal('show');
});
    InformationsquelleAutor Massimiliano Arione
  4. 0

    Dies ist ein bisschen alt, aber ich habe das gleiche problem jetzt. Ich helfe mir mit einer zusätzlichen style-Klasse (Karte) und einige Allgemeine JavaScript:

    <div class="modal fade show" id="modalEdit" role="dialog" ... >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            ...
        </div>
    </div>
</div>

    JS:

    $(document).ready(function() {
    $('.modal.show').modal('show');
});

    Dies ermöglicht es mir, fügen Sie einfach die style-Klasse und setzen Sie das Verhalten, als notwendig.

    InformationsquelleAutor Daniel Bleisteiner
  5. -1

    Ich glaube nicht, dass solches Attribut existiert in Bootstrap. Ich Stimme zu, es wäre bequemer (und sicherlich leicht zu realisieren, weil die js-version ist schon da), aber soweit ich gelesen habe, die Dokumentation erwähnt nur data-toggle Attribute.

    Hast du ein Problem melden?

    • Dies ist dokumentiert unter getbootstrap.com/javascript/#modals-usage unter "Optionen: show"
    • Das ist richtig. Das interessante an der Sache ist jedoch, dass der Standard-option, um data-show ist true, was bedeutet, es sollte nicht notwendig sein, es zu schreiben. Auf der anderen Seite, Vorladen einer Seite mit einem modalen sollte immer Auslöser seiner modals dann, das ist sicherlich nicht das Verhalten habe ich experimentierte so weit.
    • Ja, ich Stimme zu, es scheint nicht zu funktionieren, wie beschrieben, das ist ein bisschen frustrierend. Ich habe zu greifen, um die Auswahl aller modals, will ich, um zu zeigen, starten per jquery und starten Sie Sie via JS. Ich fand die Verwendung von Daten-zeigen, nicht nur nicht funktioniert, es verursacht die modals zu Problemen beim übertragen und gestartet .modal('show')
    • Ja, es gibt durchaus einige features, die anscheinend nicht ausgeführt onload aus, und es ist schade, dass wir brauchen, um unsere eigenen Skript, um Sie auszuführen. Obwohl es könnte ein bootstrap für obscur Grund wissen wir nicht. Ein weiteres Beispiel ist überprüft Checkboxen in data-toggle"buttons" die nicht automatisch auf aktiv gesetzt...
    InformationsquelleAutor Augustin Riedinger
Schreibe einen Kommentar