Jquery 设置模态标题

我有我的情态：

<div id="defaultModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-title" 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>
                <h3 class="modal-title" id="modal-title">Modal Title</h3>
            </div>
            <div class="modal-body" data-table="table" data-id="">
            </div>
        </div>
    </div>
</div>

我可以加载内容，但我想使用数据标题设置标题

知道它为什么不起作用吗

谢谢你

你可以这样做：

$('#defaultModal').on('show.bs.modal', function (event) {
    var button  = $(event.relatedTarget); // Button that triggered the modal 
    var modal       = $(this);
    var title = button.data('title'); alert(title);
    modal.find('.modal-title').text(title)
});

还有你的按钮：

<button type="button" class="btn btn-success" data-toggle="modal" data-target="#defaultModal" data-title="New Data" ><i class="glyphicon glyphicon-plus"></i></button>

小提琴：

---

显示模式后，您可以设置标题

$('#defaultModal').on('show.bs.modal', function (event) {
   $(this).find('h3#modal-title').text("You new title");
});

$（“#模式标题”）.text（'您想要的任何标题！'）

您可以设置标题：

$("#defaultModal").dialog("option","title", "You new title");

---

好。也许你可以在某个时候。但这肯定不会一直奏效。

$('#defaultModal').on('show.bs.modal', function (event) {
   $(this).find('h3#modal-title').text("You new title");
});

$("#defaultModal").dialog("option","title", "You new title");