1

我使用 Javascript 嵌入代码在Bootstrap 3 模式中嵌入了 Wufoo 表单。

它适用于所有浏览器，除了 Firefox，它将 Wufoo 创建的 iFrame 的高度及其内容设置为 0。

调整大小似乎发生在准​​备好的文档上。如果我在文档准备好之前触发模式，它似乎并没有做到这一点。

任何帮助将不胜感激。

编码：

<div id="formModal" class="modal fade form-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <button type="button" class="close modal-close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
   <div class="modal-dialog modal-lg">
     <div class="modal-content">
      <div class="modal-body">

      <div id="wufoo-blahblah"></div>
      <script type="text/javascript">
      var blahblah;(function(d, t) {
      var s = d.createElement(t), options = {
      'userName':'username',
      'formHash':'blahblah',
      'autoResize':true,
      'height':'320',
      'async':true,
      'host':'wufoo.com',
      'header':'hide',
      'defaultValues':'field21={{ page.url }}',
      'ssl':true};
      s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
      s.onload = s.onreadystatechange = function() {
      var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
      try { blahblah = new WufooForm();blahblah.initialize(options);blahblah.display(); } catch (e) {}};
      var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
      })(document, 'script');</script>
   </div>
  </div>
 </div>
</div>
4

0 回答 0