我想在javascript中显示基于bool变量的模态对话框。最好的方法是将bool变量绑定到某些属性（例如可见性），当变量为真时，会出现模态对话框，如果为假，则会取消（将显示背景站点）。
我在jQuery1.9中使用这个bootstrapious模板。1和引导3.3。7.我在网上找到了一些相关的话题，我试着使用它们：
1） 首先，我使用了模态对话框div的一些属性，比如可见性，在这里我将使用输出true或false的代码。我的意思是使用style=“visibility:hidden”/visible，但当它设置为visible时，它不会自动显示。
2）使用来自getbootstrap.com的提示：$（'#myModal'）. modal（'show'）和其他出现在加载或文档准备中的变体
$(document).ready(function(){
jQuery.noConflict();
$('#myModal').modal('show');
});
或者
$(document).on('load',function(){
$('.modal').modal('show');
});
没有一件作品。
最后，我会使用类似
if(myVar == true)
modal.show()
else
modal.hide()
有可能意识到这一点吗？任何帮助都很感激！
试试这个！
HTML
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
和javascript
jQuery(document).ready(function(e) {
jQuery('#myModal').modal();
});
