Question

当我点击CreateTemplate-Button时，对话框显示没有背景但是标题没有改变，为什么？

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

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

没有＆＃39;标题＆＃39;模态方法支持的选项。

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

甚至无法设置bootstrap模态标题标题

2 个答案: