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

您可以在关闭模态弹出窗口时绑定事件。查看the answer

$（＆＃39;＃myModal＆＃39;）。on（＆＃39; hidden.bs.modal＆＃39;，function（）{ //做点什么......}）

请参阅getbootstrap.com/javascript/#modals-events

Answer 2

如果您使用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转换完成后）

在模态隐藏后更改css样式

2 个答案: