2

我在 Firefox 正确显示我切换的 div 时遇到问题。我看过其他问题，但似乎没有一个涵盖相同的问题。

我在两个正在切换的 div 中都有一个 wufoo 表单，这是我的代码。

<script>
$(document).ready(function() {
    $('.cheque-content').hide();
    $('.cheque-function').click(function(){
        $('div.cheque-content').toggle();
});
});
</script>
<h6 class="show-book cheque-function">Book by Cheque</h6>


    <div class="cheque-content">
    <p>sample paragraph</p>

    <div id="wufoo-q7p5z5">
Fill out my <a href="http://zulo.wufoo.com/forms/q7p5z5">online form</a>.
</div>
<script type="text/javascript">var q7p5z5;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'zulo', 
'formHash':'q7p5z5', 
'autoResize':true,
'height':'1346',
'async':true,
'header':'hide', 
'ssl':true};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + '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 { q7p5z5 = new WufooForm();q7p5z5.initialize(options);q7p5z5.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script>
</div>

另一个 div 遵循具有不同信息的相同代码，我假设这与 wufoo 脚本有关，有人知道为什么这在 Firefox 中不起作用吗？它适用于所有其他浏览器。

谢谢格兰特

4

2 回答 2

0

我今天遇到了同样的问题。我最终不得不将 autoResize 更改为 false。这可能会导致其他问题，例如 iframe 被切断或太长。但至少它是功能性的。如果您确实需要 autoResize 功能，我建议您在取消隐藏 div 后动态注入 Wufoo 代码，以便 Wufoo 可以智能地调整 iframe 的大小。

于 2014-09-02T17:55:01.503 回答
0

另一种方法是使用单一表格。在表单中添加一个问题，询问他们是否想通过 PayPal 或支票付款。然后使用 Wufoo 的规则功能，使支票注册人不会发送到 PayPal：

http://www.wufoo.com/2010/07/08/pay-by-check/

于 2013-04-15T22:56:41.460 回答