ändern css style nach modal ist ausblenden

Question

wenn ich auf meine Tabellenzeile klicken, erscheint dort modales Fenster und ändern "tr" Hintergrundfarbe zeigt für jede Zeile wurde Modal geöffnet. Wenn ich jedoch meinen modalen Hintergrund verschließe, bleibt die Farbe von tr gleich. Wie ändere ich es auf Standard?

<tr class='revisions'> 
     <td>{{ $revision->date_of_revision->format('d.m.Y') }} 
     </td> 

<td class="text-right"> 
        <a 
         data-toggle="modal" 
         data-target="#revisionEdit" 
         class='btn btn-warning revisionEdit'> 
         <span class="glyphicon glyphicon-pencil"></span> 
        </a> 

</td> 
</tr> 

Answer 1

Wenn Sie die Farbe mit JavaScript ändern, können Sie die modalen Bootstrap-Ereignisse verwenden, um sie zurückzusetzen, wenn sie ausgeblendet sind.

$('.modal').on('hidden.bs.modal', function (e) { 
     $("selector").css("background-color", "#EEEEEE"); 
    }); 

Nach w3fools:

show.bs.modal Tritt ein, wenn die modale über gezeigt werden soll.
shown.bs.modal Tritt ein, wenn das modale vollständig angezeigt wird (nach CSS Übergänge abgeschlossen haben)
hide.bs.modal Tritt ein, wenn die modale etwa ist
versteckt werden hidden.bs.modal Tritt auf, wenn das Modal vollständig ausgeblendet ist (nachdem CSS-Übergänge abgeschlossen wurden)

Answer 2

Sie können ein Ereignis beim Schließen des modalen Popups binden. Prüfen the answer

$ ('# myModal'). Auf ('hidden.bs.modal', function() {// etwas tun ...})

Siehe getbootstrap.com/javascript/#modals-events