wordpress联系表单7和自定义jQuery冲突

时间:2013-08-28 19:20:48

标签: javascript jquery ajax wordpress contact-form-7

我在wordpress上使用联系表格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>

有了上述内容,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' 

有什么建议吗?

2 个答案:

答案 0 :(得分:2)

添加

define ('WPCF7_LOAD_JS', false );

在您的配置文件中。请see this以获取进一步的参考。

答案 1 :(得分:1)

尝试删除对旧JQUERY文件的调用。然后将自定义行移动到Wordpress调用JQUERY文件的位置下方。很可能是在加载JQUERY js文件之前你正在运行。