jquery - 模态隐藏后更改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 Occurs when the modal is about to be shown.
shown.bs.modal Occurs when the modal is fully shown (after CSS transitions have completed)
hide.bs.modal Occurs when the modal is about to be hidden
hidden.bs.modal Occurs when the modal is fully hidden (after CSS transitions have completed)