Twitter Bootstrapモーダル - ロード "リモート"コンテンツ

Question

"リモート"コンテンツを読み込もうとしています。基本的に同じサイトのHTTPリクエストで送信された情報です。ただし、リモートコンテンツを表示するモーダルボックスのために、私はすでにmodal-bodyクラスを示すべきであると信じてい

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

：

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

行う方法返されるコンテンツ自体は、次のような情報をバックスロー私はこれを踏んで、完全なモーダルdivのコンテンツを提供し、それを適切に表示させますか？

Answer 1

モーダルボディにウェブページを挿入したいようです。あなたは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の負荷 経由でロードされますメソッドを呼び出し、.modal-bodyに注入します。データ apiを使用している場合は、hrefタグを使用してリモートの ソースを指定することもできます。

は、例えばhttp://jsfiddle.net/jhfrench/qv5u5/を参照してください（と、複数の呼び出し元のリンクの間に1つのモーダルは再使用する方法の詳細についてはHow can I reuse one Bootstrap modal div?を参照してください）。