Question

我正在处理一个从复选框菜单中加载内容的表单。

如果用户选中了一个框，则会弹出一个bootstrap v3.3.4模式，并且所选内容会显示在模态中。

以下是模态关闭时的代码：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">My Modal Title</h4>
      </div>
      <div class="modal-body">
        <div class="box">MY CONTENT IS HERE</div>
      </div>
      <div class="modal-footer">Footer text is here</div>
    </div>
  </div>
</div>

打开模态时，会向<div class="box">添加样式像这样：<div class="box" style="display: block;">

我真的想为这个div添加更多样式，但只有当模态打开时才会这样。从哪里添加风格？我检查了我的jquery.js和bootstrap.js文件，但无法弄明白。也试过各种if语句无济于事。即$('#myModal').is(':visible');

非常感谢任何建议。

Answer 1

最简单的方法是检查模态是否打开是为了检查模态打开时modalElement是否附加了类'in'。

$('#myModal').hasClass('in')

工作示例：http://jsfiddle.net/3kgbG/1151/

添加样式到bootstrap模态内容div

1 个答案: