Twitter Bootstrap模式 - 加載「遠程」內容

我試圖加載「遠程」內容，基本上是通過HTTP請求（在同一站點上）發送的信息。返回的內容本身拋出回的信息，如：Twitter Bootstrap模式 - 加載「遠程」內容

<div class="modal-header"> 
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times; </button> 
<h3>Change Your Password</h3> 
</div> 
<div class="modal-body"> 
<form> 
    <fieldset> 
     <label>Your current password</label> 
     <input type="password" placeholder="password"> 
     <label>Confirm current password</label> 
     <input type="text" placeholder="password"> 

     <button type="submit" class="btn">Submit</button> 
    </fieldset> 
</form> 
</div> 
<div class="modal-footer"> 
    <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a> 
</div>

然而，對於模式對話框，顯示遠程內容，我認爲我應該顯示已經modal-body類：

<div class="modal fade hide" id="ajax"> 
    <div class="modal-body"> 
     <p>body content to be replaced</p> 
    </div> 
</div>

怎麼辦我繞過這一步，並提供完整的模態div內容，並使其正確顯示？

來源

2012-11-21 bear

看起來你想用網頁填充模態體。你可以使用a標籤和使用數據對象調用模式屬性：

<a id="file_attach" data-toggle="modal" href="http://fiddle.jshell.net/jhfrench/6K8rD/show/" data-target="#utility" class="btn">Modal 1</a>

的Twitter documentation筆記

如果提供了一個遠程URL，內容將通過jQuery的負載加載方法並注入模體。如果您使用的數據爲 api，則可以使用href標籤指定遠程源。

見http://jsfiddle.net/jhfrench/qv5u5/爲例（看How can I reuse one Bootstrap modal div?關於如何resuse多個調用鏈接之間的一個模式的細節）。

來源

2013-01-11 22:35:22

請注意，通過AJAX將頁面加載到模式中，因此受到「相同原點策略」限制（即：您將無法將awesomesite.com加載到託管在myapp.com上的div中）。 –

是否意味着通過href返回的響應應該是AJAX響應？或者我們可以從同一個應用程序獲得一些其他頁面。 – Mutant

@mutant：對不起，我不認爲我理解你的問題。 –

Twitter Bootstrap模式 - 加載「遠程」內容

回答

相關問題