モーダル後のCSSスタイルの変更

Question

テーブルの行をクリックするとモーダルウィンドウが表示され、 "tr"背景色が変更されると、各行がモーダルであることが示されます。しかし、モーダルを閉じてもtrの色は変わりません。それをデフォルトに変更するには？

<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

JavaScriptで色を変更している場合は、Bootstrapモーダルイベントを使用して、非表示にすると元の状態に戻すことができます。

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

w3foolsによれば：モーダルが示されようとしているときに

show.bs.modalに発生。 （CSS の移行が完了した後）モーダル がhidden.bs.modal
を非表示にされるモーダルが完全に表示されたときに
shown.bs.modalが発生し
hide.bs.modalが発生しますモーダルが が完全に隠されている（CSSトランジションが完了した後）

Answer 2

モーダルポップアップの終了時にイベントをバインドできます。 。上のthe answer

$（ '＃のmyModalは、'）（ 'hidden.bs.modal' 関数（）{// 何かを...}）

を参照してくださいチェックgetbootstrap.com/javascript/#modals-events