Bootstrap模式onload事件

Question

引導模式是否有onload事件？當打開模式時，我想調用一個http GET請求，以使用rest api中的數據填充模式。我在模態中有一個窗體，我在窗體的onload事件上調用了GET函數，但它不起作用。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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> 
     <h4 class="modal-title" id="myModalLabel">Agent details:</h4> 
     </div> 
     <div class="modal-body"> 

<form onload="getData()" style= "font-size: 16pt"> 

Answer 1

根據documentation，你可以收聽節目或顯示的事件。

從文檔：立即

show.bs.modal =>此事件時顯示實例方法被調用。

shown.bs.modal =>當模式對用戶可見時（將等待CSS轉換完成）​​，將觸發此事件。

$('#myModal').on('show.bs.modal', function() { 
    // do something… 
}) 

Answer 2

什麼我發現做到這一點的最好辦法是將onclick屬性添加到調用模式的html元素。

<button type="button" onclick="PopulateAddModal()" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#AddModal">Add</button> 

在JavaScript

然後..

function PopulateAddModal() { 
 
     //do stuff here... 
 
     }

這將確保你的代碼，一旦模式被稱爲跑。否則，JavaScript代碼將不會運行，直到模式完成它的「淡入」動畫。