从Bootstrap模态

Question

在默认的magento 1.9版本中，我遇到了模式弹出窗口的问题。

它工作正常，但form标记正在被自动删除。当我查看页面源时，form标记就在那里。我不知道我做错了什么。

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a>
<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <form id="modalForm" name="modalForm" action="/test" method="post">
          <input type="text" name="text" />
        </form>
        Content for the dialog / modal goes here.
      </div>
      <div class="modal-footer">
        <a href="#" data-dismiss="modal" class="btn">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
      </div>
    </div>
  </div>
</div>

Fiddle demo

任何帮助？

Answer 1

我今天遇到了这个问题（虽然我使用的是Spree而不是Magento）。我的错误是将bootstrap模式html 放在现有的表单元素中。

Chrome会自动删除现有form元素中的form个标记。 See question here

将模态窗口移动到body标签的底部可能会有所帮助。