2013-05-13 85 views
4

我能夠通過遠程URL加載內容到引導模式,但問題是模式窗口打開,但內容未加載。通過遠程URL自舉模式加載內容,等待模式完全加載內容,直到顯示

一旦內容被加載,模型的主體被更新,並且高度擴展以適應模態的內容。

但是,我想只顯示內容完全加載後的模式,並且可能會在加載模式時顯示動畫GIF。

我已經看過文檔,但是我沒有看到任何有關可能回調一次模式加載。我希望可以隱藏模式,直到回調被觸發並顯示出來。 我該怎麼做?

+2

不顯示直到ajax方法的成功回調被執行爲止。 http://api.jquery.com/load/#callback-function – 2013-05-13 21:15:45

+0

你可以做一個AJAX調用,然後在'success'上,調用帶有附加AJAX下載的HTML的模式。這應該是足夠的,除非它是一種表單或需要提交的東西(因爲表單的動作等將指向您的服務器,除非它是絕對路徑)。 – RaphaelDDL 2013-05-13 21:38:21

+0

謝謝你們!我用你的建議得到了它。 – Masu 2013-05-13 22:31:52

回答

8

感謝上述評論,我明白了。我保存觸發使用與錨類名稱爲「彈出鏈接」數據屬性(「數據HREF」)使用下面的JavaScript彈出一個錨標籤的遠程URL:

$jq191('.popup-links').on('click', function(e){ 
    var remote= $jq191(this).data('href'); 
    $jq191('.modal-body').load(remote, function(e){ 
     $jq191('#myModal').modal('show'); 
    }); 
});