Question

我正在使用bootstrap让一个表单出现在一个模态中。以下是启动模式的链接：

<p>  
    <a class="btn btn-primary" data-toggle="modal" data-target="#myModal"><i class="fa fa-user-plus" ></i>Join Our Newsletter</a>
</p>

这是模态代码：

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">                  
        <form class="new_email_list" id="new_email_list" action="email_lists_path" accept-charset="UTF-8" data-remote="true" method="post">
          <input name="utf8" type="hidden" value="✓">
          <input class="" placeholder="email" required="required" type="text" name="email_list[email]" id="email_list_email">             
        </form>      
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

模态出现在其中的形式，但模态中的任何内容都不可点击。单击输入字段或按钮不执行任何操作。没有鼠标悬停/悬停做任何事情。出了什么问题？

无法在模态中使用引导程序表单

0 个答案: