我正在开发一个从复选框菜单加载内容的表单。
如果用户选中一个框,则会弹出 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');
非常感谢您的任何建议。
最佳答案
检查模态是否打开的最简单方法是在模态打开时检查 modalElement 是否附加了类 'in'
。
$('#myModal').hasClass('in')
关于javascript - 将样式添加到 Bootstrap 模式内容 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33922372/