Wie immer angezeigt, Bootstrap 3 modal?

Bootstrap 3 modals sind standardmäßig ausgeblendet. Sie zu starten muss ich auf eine trigger-Taste:

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

JSFiddle

Ich habe Folgendes versucht, aber es hat keine Wirkung:

jQuery(window).load(function(){
    jQuery('#myModal').modal('show');
});

Wie kann ich sicherstellen, meine modal ist immer auf dem Bildschirm angezeigt? d.h. ich will nicht den Benutzer manuell anzeigen, indem Sie auf den trigger-button. Ich will nicht, dass Sie in der Lage sein, um es zu schließen entweder. Ich möchte es die ganze Zeit geöffnet bleiben.

  • wollen Sie es drop-down-oder einfach nur da zu sein?
  • Ich bin nicht sicher, ob Sie wirklich versucht, dass auf Ihrer eigenen Website, aber nicht hinzufügen, load-Ereignis auf jsfiddle cuz es schon übernimmt das für Sie. jsfiddle.net/PBL5A/3. Dein code sollte funktionieren.
  • Ich habe nicht wirklich eine Präferenz. Was ist einfacher? Vielleicht schieben Sie es nach unten, wie es standardmäßig tut?
  • vielen Dank - das könnte erklären, warum sah ich keine Wirkung. - In der Beispiel-link zu den user schließen kann, die modal
  • Ich geschrieben eine Antwort, überprüfen Sie, ob das funktioniert für Sie 😉
InformationsquelleAutor henrywright | 2014-05-22
  1. 0

    Hier ist die aktualisierte fiddle, wo Benutzer kann nicht geschlossen werden, das Modell aber Sie müssen entfernen die html-Elemente für die schließen-buttons cuz, das ist sehr übel für die Benutzer 😛

    jQuery(window).load(function(){
    jQuery('#myModal').modal('show').on('hide.bs.modal', function(e){
      e.preventDefault();
    });
});

    http://jsfiddle.net/95Vf7/2/

    • Hey @Prashank gibt es einen Grund, warum Sie nicht verwenden die vorgeschlagenen Optionen aus der bootstrap docs?
    • Code ist schlanker und packt jede mögliche Weise zu schließen, das modale auf einmal. Die bootstrap-plugin ist nur ein plugin selbst, so sehe ich kein problem, warum dies nicht gut Weg.
    InformationsquelleAutor Prashank
  2. 7

    Alles, was Sie gefragt, ist perfekt beschrieben in der docs.

    Auf dem Bildschirm angezeigt

    Zeigt den modal, wenn die Initialisierung.

    $("#my-modal").modal({ show : true });

    Ich will nicht, dass Sie in der Lage sein, um es zu schließen entweder

    Schließt das modale, wenn die escape-Taste gedrückt wird
    Und
    Enthält ein modal-backdrop-element. Alternativ legen Sie statische für ein
    Kulisse, die nicht in der Nähe des modal auf Klick.

    $("#my-modal").modal({
    backdrop : "static",
    keyboard: false
});
    • Dies funktionierte nicht für mich, dann realisierte ich, dass die typo 'Modell' gewesen sein könnte, warum. Vielen Dank für Ihre Hilfe.
    • ja, danke für den Hinweis, habe ich geändert, um modal.
    • Btw: bitte verwenden Sie wenn immer möglich die öffentlichen api, werden auf Vorschlag des frameworks Schöpfer. die andere Antwort, die Sie gekennzeichnet als "Antwort" eigentlich nicht nicht verwenden Sie diese apis und nur verhindert, dass Standard-Verhalten. Einfach sagen 🙂
    • Sicher tun wird. Nur +1, würde Ihre Antwort so macht es die Verwendung von Bootstrap-Funktionalität
    • Aber Sie wissen, dass in der Zukunft wird es andere Menschen, die werden schließlich feststellen, dass dies auch und verwendet dann die Antwort, dass Sie markiert die richtige Antwort, auch wenn es eine mehr correct eine? 🙂
    • haben Sie diese getestet?
    • was meinst du mit Test ? Es ist die offizielle Dokumentation.
    • IMO dies ist eine viel bessere Lösung, die mit "e.preventDefault();"

    InformationsquelleAutor Luke
Schreibe einen Kommentar