Twitter bootstrap 3 甚至无法设置引导模式标题
当我单击CreateTemplate按钮时,对话框显示为无背景,但标题没有更改,为什么 即使我删除了带有title类的h4标记,也没有title集Twitter bootstrap 3 甚至无法设置引导模式标题,twitter-bootstrap-3,bootstrap-modal,Twitter Bootstrap 3,Bootstrap Modal,当我单击CreateTemplate按钮时,对话框显示为无背景,但标题没有更改,为什么 即使我删除了带有title类的h4标记,也没有title集 $('#CreateTemplate').click(function (e) { e.preventDefault(); $('#myModal').modal({ backdrop: false, title: "Hello World" }); }); <button
$('#CreateTemplate').click(function (e) {
e.preventDefault();
$('#myModal').modal({ backdrop: false, title: "Hello World" });
});
<button type="button" class="btn btn-default" id="CreateTemplate"><i class="fa fa-plus"></i></button>
<!-- Modal -->
<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">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Thats the 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><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
$('CreateTemplate')。单击(函数(e){
e、 预防默认值();
$(#myModal').modal({背景:false,标题:“Hello World”});
});
&时代;
这就是标题
...
关
保存更改
模态方法不支持“标题”选项
(请参阅“选项”部分)模态方法不支持“标题”选项
(请参阅“选项”部分)我知道这是很久以前提出的问题,但有一种方法可以动态更改标题 假设这是您的模态haeder html块:
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3 id="myModalLabel"> </h3>
</div>
我知道这是很久以前提出的问题,但有一种方法可以动态更改标题 假设这是您的模态haeder html块:
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3 id="myModalLabel"> </h3>
</div>
这甚至适用于bootstrap 2
//将其他模态设置应用于模态
$([a[data toggle='modal'])。在('click',函数(e)上{
$\u clObj=$(本);
$\u mdlObj=$\u clObj.attr('data-target');
$($\u mdlObj).on('show.bs.modal',{u clObj:$\u clObj},函数(事件){
$\u clObj=event.data.\u clObj;
if($\u clObj.attr('data-title')!=“”)//从单击元素的数据标题属性应用模式标题
$(this).find('.modal header h3').text($_clObj.attr('data-title'));
});
});代码>这甚至适用于引导程序2
//将其他模态设置应用于模态
$([a[data toggle='modal'])。在('click',函数(e)上{
$\u clObj=$(本);
$\u mdlObj=$\u clObj.attr('data-target');
$($\u mdlObj).on('show.bs.modal',{u clObj:$\u clObj},函数(事件){
$\u clObj=event.data.\u clObj;
if($\u clObj.attr('data-title')!=“”)//从单击元素的数据标题属性应用模式标题
$(this).find('.modal header h3').text($_clObj.attr('data-title'));
});
});代码>