내가 내 모달이 모달 제목

Question

을 설정

$('.call-modal').on('click', function(e){ 
    e.preventDefault(); 
    $('#defaultModal') 
    .find('.modal-header > h3').text("Teste").end()    
    .find('.modal-body').load($(this).attr('href')).end()    
    .modal('show'); 
}); 

콘텐츠를로드 할 수 있지만 데이터 제목을 사용하여 제목을 설정하고 싶습니다.

왜 작동하지 않는가?

감사합니다

Answer 1

당신은 다음과 같이 할 수

:

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

바이올린 :

http://jsfiddle.net/bhumi/hw154nda/1/

Answer 2

모달이 표시되면 제목을 설정할 수 있습니다.

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