我正在尝试定义一个引导模式,它获取有关其内容的动态宽度,如果需要,还有一个垂直滚动条.
垂直滚动条工作但水平宽度似乎是固定宽度.能否请你帮忙?
莫代尔:
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header"><h4 class="modal-title">Dynamic Modal Title</h4></div>
<div class="modal-body">Dynamic Modal Body</div>
<div class="modal-footer">Dynamic Modal Footer</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
Run Code Online (Sandbox Code Playgroud)
CSS:
.modal .modal-body { /* Vertical scrollbar if necessary */
max-height: 480px;
overflow-y: auto;
}
body .modal-dialog { /* Width */
max-width: 100%;
}
Run Code Online (Sandbox Code Playgroud) 我包含在jQuery UI的TABS我的服务器端处理的数据表,但整合后的处理方式已经不露面:(
这stackoverflow.com后写了一些关于隐藏的“处理......” -事业部
是否有可能我的情况下,匹配“ z-index”问题?
这是DataTables代码:
$(document).ready(function() {
$('#example').DataTable( {
"processing": true,
"serverSide": true,
"ajax": {
"url": "ajax_ssp_class.php",
"type": "GET"
},
"order": [ [0,'asc'] ],
"paging":true,
"pagingType": "simple_numbers",
"pageLength": 50,
"lengthMenu": [[50, 100, 250, -1], [50, 100, 250, "All"]],
"lengthChange": true
} );
});
Run Code Online (Sandbox Code Playgroud)
div是否存在的证明被测试为true:
<div id="example_processing" class="dataTables_processing" style="display: block; z-index: 10000;">Processing...</div>
Run Code Online (Sandbox Code Playgroud)
解决方案
我将以下行添加到了预绘图中。现在可以了。
"fnPreDrawCallback":function(){
//alert("Pre Draw");
$('#example_processing').attr('style', 'font-size: 20px; font-weight: bold; padding-bottom: 60px; display: block; z-index: 10000 !important');
}
Run Code Online (Sandbox Code Playgroud)