Twitter Bootstrap modal - ładowanie "zdalnego" treści

Question

Próbuję załadować "zdalną" zawartość, zasadniczo informacje, które są wysyłane przez żądanie HTTP (w tej samej witrynie). Zwracany sama treść wyrzuca z powrotem informacje, takie jak:

<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> 

Jednak za okno modalne pokazać zdalnej zawartości, wierzę, że powinien być widoczny już klasę modal-body:

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

Jak zrobić Podchodzę do tego i zapewniam pełną modalną zawartość div i sprawię, że będzie ona poprawnie wyświetlana?

Answer 1

Wygląda na to, że chcesz wypełnić ciało modalne stroną internetową. Można wywołać modal użyciu znacznika a i korzystania z danych docelowe atrybuty:

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

W Twitter documentation notatki

Jeśli zdalnego adresu URL jest, zawartość zostanie załadowane poprzez obciążenie jQuery metoda i wstrzyknięta do ciała .modalnego. Jeśli używasz api danych , możesz alternatywnie użyć znacznika href do określenia zdalnego źródła .

Zobacz http://jsfiddle.net/jhfrench/qv5u5/ na przykład (i zobaczyć How can I reuse one Bootstrap modal div? Szczegółowe informacje na temat sposobu resuse jeden modal między wieloma odnośnikami Wywoływanie).