닫기 및 재 열 때 부트 스트랩 모달 제목을 업데이트하십시오.

Question

이 요소로 토글 된 부트 스트랩 모달이 있습니다.

<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"); 

데이터 타이틀 속성은 이제 "제목 2"이지만 모달 닫고 다시 열 때 제목은 변하지 않는다.

jquery를 모달 제목으로 새로 고치려면 어떻게해야하나요?

Answer 1

제목을 편집 할 때 html로만 속성을 변경하려고했습니다. 값을 변경하려면 올바르게 업데이트하려면 .data를 지정해야합니다.

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