부트 스트랩 다른 파일의 내용 열기

Question

나는 비슷한 질문을 발견했지만 정확히 원하는 것은 아니었다. (Fancy box, grab from url). 부트 스트랩 모달을 사용해도 같은 일을하고 싶습니다. 나는 이것에 대한 약간의 튜토리얼을 data-remote을 추가하여 찾았지만 작동하지 않는다. 또한 정확히 내가하고 싶은 것이 아닙니다. 내가 원하는 것은 단순한 모달입니다. 헤더, 주요 부분 또는 바닥 글에 대한 코드가 아닙니다. 그것들 모두는 외부 페이지에 포함될 것입니다 (페이지는 실제로 서버에 있습니다). 그래서 기본적으로이 <a href="/chat/alternate" class="action-modal">faq</a> 같은 링크가 포함되며,이 같은 것을 포함 할 외부 페이지 (즉, 동일한 서버에 있음)에 다음 베어 모달

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
//ajax loads the external page stuff into here. 
</div> 

열립니다 :

<div class="modal-dialog"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
    <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
    ... 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="button" class="btn btn-primary">Save changes</button> 
    </div> 
</div><!-- /.modal-content --> 

을

가능성이 있습니다. 도와 주셔서 감사합니다!

Answer 1

나는 그것을 알아 냈다. 메인 페이지에서이뿐만 아니라

<a href="" data-toggle="modal" data-target=".modal" data-remote="URL_HERE">TEST/a> 

을 넣어 :

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true"> 
</div> 

그런 다음 단순히 원격 사이트에 이런 일을했습니다.

<div class="modal-dialog"> 
<div class="modal-content"> 
<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
    <h4 class="modal-title" id="myModalLabel">title</h4> 
</div> 
<div class="modal-body"> 
    ... 
</div> 
<div class="modal-footer"> 
    <a href="" class="btn btn-primary" target="_blank" role="button">Go! &raquo;</a> 
</div> 
</div> 
</div>