2014-09-30 53 views
0

我試圖檢測何時打開模式,因此我可以設置內容高度,但什麼也不做。檢測何時打開模式 - 引導3

這裏就是我想:

$('#bootModal').on('show', function() { 
    alert('foo'); // doesn't fire 
    $(this).find('.modal-body').css({ 
    'height':$(window).height()*0.8 
    }); 
}); 

任何想法,爲什麼它不檢測模式開啓?

+0

事件名稱是錯的? – geedubb 2014-09-30 19:44:57

回答

3

在引導3,事件是shown.bs.modalshow

shown.bs.modal此事件時,該模式已取得 對用戶可見(等待CSS過渡到完成發射)。如果由於點擊而導致 ,則單擊的元素可用作事件的relatedTarget屬性。

http://getbootstrap.com/javascript/#modals

樣品:http://plnkr.co/edit/xp3GdIHF8rKLm8h6UhlL?p=preview

+0

將'show'改爲'shown.bs.modal'但沒有區別,仍然沒有觸發警報或對高度進行更改 – 2014-09-30 19:47:47

+0

做了一個示例,它可以工作。 http://plnkr.co/edit/xp3GdIHF8rKLm8h6UhlL?p=preview – bakkal 2014-09-30 19:52:55

+0

嗯 - 我只是在JS文件裏試過,我需要它,它也可以工作,非常感謝。我有一個單獨的js文件中的功能,我更喜歡它,我猜它沒有閱讀它,因爲這一點。 – 2014-09-30 20:01:31