关闭并重新打开时更新bootstrap模式标题

Question

我有一个用这个元素切换的bootstrap模式;

<i id="modal" data-toggle="modal" data-title="Title1" data-target="#Modal"></i><span>Open modal</span>

当显示模态时，标题已设定;

$('#Modal').on("show.bs.modal", function (e) {
// set title of modal
$("#ModalLabel").html($(e.relatedTarget).data('title'));
});

在此之后我编辑这样的标题;

$("#modal").attr('data-title', "Title2");

element的data-title属性现在是“Title2”，但是当关闭并重​​新打开模态时，标题不会改变。

如何让jquery刷新模态标题？

Answer 1

当我编辑标题时，我只更改了html中的属性。要更改值，我们需要指定.data才能正确更新。

$("#modal").data('data-title', "Title2");