js两个模态框合并为一个大的模态框时,页面不显示内容,但是控制台可以打印出,页面打印出来的值是<div id-"bigModal"class="modal fade" data-modal-backdrop-"false" data-modal-keyboard="false" style-"display: none"y<diy cla5s="modal" tabindex="-1" id="myModal1" data-modal-backdrop="false" data-modal-keyboard="false"》w<div class="modal-dialog” style="max-width: 400px;"> w<div class="modal-content"> w<div class="modal-body"> <ul id="dataList1"></u1> </div> </div> </div> </div>
时间: 2023-07-06 17:30:23 浏览: 182
可能是因为你没有正确设置模态框的高度和宽度,或者你的 CSS 样式有问题。你可以在 CSS 中设置模态框的高度和宽度,比如:
```
#bigModal {
width: 800px;
height: 400px;
}
```
如果你的模态框是动态加载的,需要在加载完成后设置高度和宽度,可以使用 JavaScript 的方式进行设置,比如:
```
$('#bigModal').on('shown.bs.modal', function () {
$(this).find('.modal-dialog').css({
width:'800px',
height:'400px'
});
});
```
另外,如果你的模态框内容是通过 AJAX 加载的,需要注意在 AJAX 加载完成后再设置模态框的高度和宽度。
阅读全文