Wie kann Bootstrap Modal nur geschlossen werden, wenn der Benutzer auf ein nahes Bild klickt?

Möchte ich schließen -, modal -, NUR wenn der Benutzer klickt auf close-btn. So wie ich das sehe muss ich überschreiben Sie diesen Teil des Codes aus modal.js:

 hide: function (e) {
    e && e.preventDefault()

    var that = this

    e = $.Event('hide')//if I delete this line modal won't hide

    this.$element.trigger(e)

    if (!this.isShown || e.isDefaultPrevented()) return

    this.isShown = false

    $('body').removeClass('modal-open')

    escape.call(this)

    this.$element.removeClass('in')

    $.support.transition && this.$element.hasClass('fade') ?
      hideWithTransition.call(this) :
      hideModal.call(this)

Bin ich auf dem richtigen Weg?

InformationsquelleAutor der Frage MID | 2012-10-01

  1. 57

    Wenn Sie starten Sie Ihren modalen können Sie die Optionen:

    {
  keyboard: false,
  backdrop: 'static'
}

    deaktiviert werden, Schließung der modalen, indem Sie auf den hintergrund, und die escape-Taste.
    Oder Sie kann so eingestellt werden, data-Attribute.

    InformationsquelleAutor der Antwort PerfectlyNormal

  2. 48

    Definieren Sie Ihre modales Verhalten, das definieren von Daten-Tastatur-und-Daten-Kulisse.

     <div id="modal" class="modal hide fade in" data-keyboard="false" data-backdrop="static">

    Beste Grüße.

    InformationsquelleAutor der Antwort Tabares

  3. 6

    Der beste Weg, um es in Jquery ist :

    <script type="text/javascript">
    $('#modal-id').modal({
        backdrop: 'static',
        keyboard: false
    });
</script>

    ODER im HTML-Format:

    <div id="modal-id" class="modal hide fade in" data-keyboard="false" data-backdrop="static">

    Aber, wenn Sie bereits initialisiert die modale, die Sie brauchen Bindung, die das click-Ereignis von Ihrem modalen wie diese zum Beispiel:

    <script type="text/javascript">
    //this remove the close button on top if you need
    $('#modal-id').find('.close').remove();
    //this unbind the event click on the shadow zone
    $('#modal-id').unbind('click');
</script>

    InformationsquelleAutor der Antwort Angel Fraga Parodi

  4. 5

    Versuchen, diese

    <div id="myModal" class="modal hide fade in" data-backdrop="static">
<div> </div>
</div>

    InformationsquelleAutor der Antwort Vikram

  5. 3
    <script type="text/javascript">
    $('#myModal').modal({
      backdrop: 'static',
      keyboard: false
    })
</script>

    InformationsquelleAutor der Antwort Tiago

Schreibe einen Kommentar