隱藏/顯示當打開模態的div事件

Question

我使用的引導顯示和隱藏一個模式，屬性數據切換和數據目標

，它應該加載谷歌地圖，你有調用調整大小事件，使地圖顯示（就像當你點擊F12，已知問題）

問題是，我不能使用這個調整大小的解決方案，因爲我沒有手動顯示/隱藏（添加/刪除類）自舉類正在處理這個，所以我不知道在哪裏調用調整大小

這是「頭」爲模式

<div class="modal fade" id="locateDialog" tabindex="-1" 
    role="dialog" aria-labelledby="Stripe Payment" aria-hidden="true"> 

<div class="col-md-12"> 
    <div id="googleMapUser" class="mapUser"> 

    </div> 
</div> 

而這正是它被稱爲（點擊圖標）

<div class="col-md-12"> 
    <h3><i class="icon-user" style="font-size:48px;" 
     data-toggle="modal" data-target="#stripeDialog"> 
     </i>&nbsp; My Levels</h3> 
</div> 

如果我把這個任意按鈕（加載後內，當用戶點擊它），地圖顯示

google.maps.event.trigger($('#googleMapUser')[0], 'resize'); 

但我希望加載這個加載時，我已經嘗試過「我的地圖」中的js文件（谷歌地圖法），當準備好文檔內（但div是隱藏的，所以沒有工作）和無處不在。

我應該在哪裏調用調整大小？除了突變觀察者還有其他的選擇嗎？

在此先感謝

Answer 1

我相信你正在尋找的modal events。使用這個，你應該能夠觸發一些代碼來執行一次模式顯示這樣的事情：

$('#myModal').on('shown.bs.modal', function (e) { 
    // do something... 
});