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

我不断得到一个空页......不是一个模态......只是一个空页。有人能告诉我，我做错了什么吗？谢谢！

Answer 1

您不会关闭iframe代码</iframe>这就是为什么iframe之后的内容不可见的原因。请参阅Similar

您也没有在链接中定义data-target来调用该特定模式

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

FIDDLE

Bootstrap：我可以将另一个页面作为模态吗？ [playframework]

1 个答案: