부트 스트랩 모달 아약스 내용, 애니메이션로드

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. 백그라운드에서 아약스로 콘텐츠를로드하십시오.
3. 로드 된 데이터로 로더를 교체하십시오.

P. 또한 $ .fn.load로 실험하고 jQuery가 2를 수행하도록 허용하고 3. 단계를 수행 할 수 있습니다.