甚至无法设置引导模式标头标题

Question

当我单击创建模板按钮时，对话框显示没有背景，但标题没有改变，为什么？

即使我删除带有标题类的 h4 标签，也没有标题集。

  $('#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 -->

Answer 1

我知道

这是很久以前问过的，但是有一种方法可以动态更改标题。

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

 <div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3 id="myModalLabel">&nbsp;</h3>
  </div>

然后，这就是您在javascript中更改模态标题的方式：

 var title = "new title";
 $(".modal-header #myModalLabel").text( title );

Answer 2

模态方法不支持"标题"选项。

http://getbootstrap.com/javascript/#modals-usage（请参阅"选项"部分）

Answer 3

这适用于偶数引导程序 2

//apply additional modal settings to modal
$("a[data-toggle='modal']").on('click', function(e) {
	$_clObj = $(this);
	$_mdlObj = $_clObj.attr('data-target');
	$($_mdlObj).on('shown.bs.modal',{ _clObj: $_clObj }, function (event) {
		   $_clObj = event.data._clObj;
		   if ($_clObj.attr('data-title')!='') //apply modal title from data-title attribute of the clicked element
		   $(this).find('.modal-header h3').text($_clObj.attr('data-title')); 
	});
});