javascript - WordPress 联系表单 7 和自定义 jQuery 冲突

Question

我在 WordPress 上使用联系表格 7，直到今天我遇到了一个问题。我发现这是一个 jQuery 冲突。我发现这个问题只发生在 chrome 中，在 firefox 中工作正常。

我有一些自定义的 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>

完成上述操作后，ajax 无法在我需要的联系表单 7 上工作。当我删除

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

它可以工作，但自定义 jQuery 不能。我需要两者都运行。

这是我在 chrome 中检查它时遇到的错误

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

有什么建议吗？

Answer 1

只需添加

define ('WPCF7_LOAD_JS', false );

在你的配置文件中。请see this以供进一步引用。