2

WordPress で Contact Form 7 を使用していますが、今日まで問題がありました。それがjQueryの競合であることを知りました。この問題は、Firefox で正常に動作する Chrome でのみ発生することがわかりました。

以下に示すカスタムjQueryを配置しました。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready( function(){
        var map = [ '11.99', '£13.99', '£14.99' ];

        jQuery('#payslips-required').change(function(){
            var o = parseInt($(this).val()) < 3 ? jQuery(this).val()-1 : 2;
            jQuery('#price').val(map[o]).addClass('hidden');
        });
    });
</script>

上記を設定すると、必要な連絡先フォーム 7 で ajax が機能しません。外すと

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

それは機能しますが、カスタム jQuery は機能しません。実行するには両方が必要です。

これは、クロムで検査したときに発生するエラーです

Uncaught TypeError: Object [object Object] has no method 'on' 

助言がありますか?

4

2 に答える 2

1

古い JQUERY ファイルへの呼び出しを削除してみてください。次に、Wordpress が JQUERY ファイルを呼び出している場所の下にカスタム行を移動します。ほとんどの場合、JQUERY js ファイルがロードされる前に実行されています。

于 2013-08-28T20:25:38.540 に答える