Twitter Bootstrap phương thức - tải nội dung "từ xa"

Question

Tôi đang cố tải nội dung "từ xa", về cơ bản thông tin được gửi qua yêu cầu HTTP (trên cùng một trang). Nội dung quay trở lại bản thân ném lại các thông tin như:

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

Tuy nhiên, đối với các phương thức hộp để hiển thị các nội dung từ xa, tôi tin rằng tôi nên được hiển thị lớp modal-body đã:

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

thế nào Tôi bước xung quanh điều này, và cung cấp nội dung div đầy đủ phương thức và làm cho nó hiển thị đúng cách?

Answer 1

Dường như bạn muốn điền nội dung phương thức bằng một trang web. Bạn có thể gọi các phương thức sử dụng thẻ a và sử dụng dữ liệu mục tiêu thuộc tính:

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

Các Twitter documentation ghi chú

Nếu url từ xa được cung cấp, nội dung sẽ được nạp qua tải jQuery và được tiêm vào cơ thể .modal. Nếu bạn đang sử dụng dữ liệu api, bạn có thể sử dụng thẻ href để chỉ định nguồn từ xa .

Xem http://jsfiddle.net/jhfrench/qv5u5/ để biết ví dụ (và xem How can I reuse one Bootstrap modal div? để biết chi tiết về cách sử dụng lại một phương thức giữa nhiều liên kết gọi).