Question

好的，我在这里搜索了几天，我找到的答案都没有为我效劳：/ 我使用Twitter bootstrap模式弹出一个表单，这个表单使用ajax并提交给谢谢。

问题是，我有几个链接到同一个模态的链接，当它第一次提交时，当我点击其他链接时，同样的感谢页面不断出现。

每次点击关闭按钮或点击新链接时，我希望它再次刷新并显示表单。

以下是我的链接示例

<a data-toggle="modal" class="workspace" title="workspace-brochure" href="#myModal">Download Brochure</a>

<a data-toggle="modal" class="byodbtn" title="byod-whitepaper" href="#myModal">BYOD</a>

这是我的模态

 <div class="modal hide fade workspace-brochure" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">

{sn-english-form-workspace}

  </div>
</div>

我已经尝试过大量的回复，我在这里看到其他人，对我来说没有任何用处:(

Answer 1

Bootstrap 2.3.2和3都会在模态被隐藏时触发事件。

$('#myModal').on('hidden', function () {
  // do something…
})

我建议使用这些事件来检查是否显示“谢谢”，如果是，请将其隐藏在模态的关闭位置。这将允许您的模态在再次打开时显示为新的。

2.3.2 Documentation

3.0.0 Documentation

关闭时刷新Bootstrap模态窗口

1 个答案: