2

トグルされた div を正しく表示する Firefox に問題があります。私は他の質問を見てきましたが、同じ問題をカバーしているようには見えません。

トグルされている両方の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 に答える