Twitter bootstrap 3 甚至无法设置引导模式标题

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按钮时,对话框显示为无背景,但标题没有更改,为什么

即使我删除了带有title类的h4标记,也没有title集

  $('#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">&times;</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">&nbsp;</h3>
  </div>

我知道这是很久以前提出的问题,但有一种方法可以动态更改标题

假设这是您的模态haeder html块:

 <div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3 id="myModalLabel">&nbsp;</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'));
});
});