模态隐藏后更改css样式答案

【问题标题】：change css style after modal is hide模态隐藏后更改css样式
【发布时间】：2016-12-06 22:38:31
【问题描述】：

当我点击我的表格行时，会出现模态窗口并更改“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>

【问题讨论】：

标签： jquery css laravel-5 bootstrap-modal blade

【解决方案1】：

如果您使用 JavaScript 更改颜色，则可以使用 Bootstrap 模式事件在隐藏时将其更改回来。

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

根据w3fools：

show.bs.modal 模态即将显示时发生。
shown.bs.modal 模态完全显示时发生（在 CSS 之后过渡已完成）
hide.bs.modal 模态时发生即将被隐藏
hidden.bs.modal 模态显示时发生完全隐藏（CSS 转换完成后）

【讨论】：

【解决方案2】：

您可以在关闭模式弹出窗口时绑定一个事件。检查the answer

$('#myModal').on('hidden.bs.modal', function () { // 做点什么... })

见getbootstrap.com/javascript/#modals-events

【讨论】：