動態設置Bootstrap Modal文本？

Question

我試圖通過jQuery單擊事件啓動後設置模式文本，但我沒有成功。有人能給我一些指點嗎？

我試着動態地設置標題，正文和按鈕，但由於某種原因它沒有被添加。

$(function() { 
    $(".contact-input-plus").on("click", "a", function() { 
     if (! $(this).is(".remove")) { 
      // Do stuff 
     } else { 
      $('#confirm').modal('show'); 
      $('#confirm').on('show.bs.modal', function() { 
       var modal = $(this); 
       modal.find('.modal-body p').text('You are about to remove this entry. Are you sure?'); 
       modal.find('.modal-header h4').html('Remove entry'); 
       modal.find('.modal-footer a.btn').text('Remove'); 
      }); 

     } 
     return false; 
    }); 
}); 

注：我需要澄清一些東西。該模式首先顯示沒有文本設置。當我再次取消並激活模式時，將插入文本。

Answer 1

嘗試調用.show（）這樣的前設置動態的東西：

$(function() { 
    $(".contact-input-plus").on("click", "a", function() { 
     if (! $(this).is(".remove")) { 
      // Do stuff 
     } else { 
       var modal = $('#confirm'); 
       modal.find('.modal-body p').text('You are about to remove this entry. Are you sure?'); 
       modal.find('.modal-header h4').html('Remove entry'); 
       modal.find('.modal-footer a.btn').text('Remove'); 

      $('#confirm').modal('show'); 

     } 
     return false; 
    }); 
});