Bootstrap: Могу ли я сделать еще одну страницу модальной? [playframework]

Question

Я пытаюсь сделать страницу модальной, когда я нажимаю ссылку выше, но у меня проблемы с этим.

Это ссылка, которая должна открыть свою модальную страницу:

 <a href="@routes.Application.areaDescription(id)" data-toggle="modal"> 
      Description 
     </a> 

И это шаблон, я хочу быть модальным (моя главная страница содержит только некоторые CSS и скрипты Я ввожу):

@(k:String) 
@Main("Add description"){ 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 

     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Area Descritpion</h4> 
     </div> 

     <div class="modal-body"> 
     <iframe src="@routes.Application.areaDescription(k)" /> 

     <form action="@routes.Application.PostAreaDescription(k)" method="POST"> 
      Area Description :<br> 
      <textarea cols="40" rows="5" class="form-control" name="textarea"></textarea> 
      <input type="submit"> 
      <button class="btn">skip</button> 
     </form> 

    </div><!--modal-body--> 

    </div><!--modal-content--> 

    </div><!--modal-dialog--> 
</div><!--modal fade--> 
} 

я получаю пустую страницу ... не modal ... просто пустая страница. Может кто-нибудь сказать мне, что я делаю неправильно? Спасибо!

Answer 1

Вы вмятина близко IFrame тег </iframe> поэтому содержание после IFRAME не visible.See Similar

Вы также вмятина определить data-target в ссылке для вызова этой конкретной модальных

<a href="" data-toggle="modal" data-target="#myModal"> 
      Description 
     </a> 

FIDDLE