ブートストラップモーダルajaxコンテンツ、アニメーション読み込み

Question

私はブートストラップモーダルを別のページから読み込み、そのデータは複雑です（マルチクエリ/ダイナミックフォーム）ので、モーダルを開くとちょっとしたことがあります。

モーダルがクラッシュしていないことを示すアニメーションやインジケータが必要な場合は...しばらくお待ちください。

私は多くの方法で試してみる必要がありますが動作しませんが、いくつかの解決策ではモーダルロード時に.gifが固まってしまいます。私はこのメソッドをリモートコンテンツに使用します。 http://jsfiddle.net/cp67J/1994/

<!-- Link trigger modal --> 
 
<a href="remote_content.php?id=1" data-toggle="modal" data-target="#myModal" > 
 
    Launch Modal content 1 
 
</a> 
 
<a href="remote_content.php?id=2" data-toggle="modal" data-target="#myModal" > 
 
    Launch Modal content 2 
 
</a> 
 

 
<!--MODAL SECTION--> 
 
<div class="modal fade" id="myModal" role="basic" aria-hidden="true"> 
 
    <div class="modal-dialog"> 
 
     <div class="modal-content"> 
 
      <div class="modal-body"> 
 
       
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

Answer 1

ブートストラップモーダルがこれをサポートしている場合はいけない知っています。しかし、単純な解決策があります。

1. アニメーションの読み込み時に通常のモーダルを表示します。
2. バックグラウンドでajaxでコンテンツを読み込みます。
3. ローダーを読み込まれたデータに置き換えます。

P.また、$ .fn.loadを試して、jQueryに2を実行させてください。3.あなたのためのステップ。