当前位置: 首页 / 技术资讯 / 解决WP插件Contact Form 7 Multi-Step Forms无法去下一页的问题

解决WP插件Contact Form 7 Multi-Step Forms无法去下一页的问题

应客户需求,上海奕耕网络科技网站建设的工作者需要完成以下一个功能,当访问者填写完表单,当然,我用的是contact form 7。点击提交后,不是直接发送,而是需要一个信息确认页。于是工作者选取了一个插件:Contact Form 7 Multi-Step Forms。安装使用都非常方便。不幸的是,当点击下一步时,不是去了填写内容的确认信息页面。而是直接发送。

经过反复查询。网络上给出的答案有如下:

  1. 没有加载jquery(有可能,但我们不是这个原因。)
  2. wordpress其它插件与Contact Form 7 Multi-Step Forms插件的jquery冲突。(这个最汗,即使是这个原因也不能因为它而不使用其它插件啊!!!)
  3. 尝试在contact form 7中其它中使用on_sent_ok(写了,但是没有用)

如果以上都没有解决,而且您也使用contact form 7与Contact Form 7 Multi-Step Forms,并且firebug报错如下的话:

jquery.min.js:2 Uncaught TypeError: Cannot read property 'length' of null
    at Function.each (jquery.min.js:2)
    at HTMLDocument.<anonymous> (cf7msm.js:11)
    at j (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at Function.ready (jquery.min.js:2)
    at HTMLDocument.K (jquery.min.js:2)

那么上海奕耕网站建设为您提供解决办法如下:

插件:/plugins/contact-form-7-multi-step-module/resources/文件夹下找到cf7msm.js:在第9行,有如下语句:

if (step_field.length > 0) {

将这句换成:

if (cf7msm_ls != null && step_field.length > 0) {

即可。

本文原创,转载请注明来源(http://www.eagerstar.com/itnews/eagerpost3632/),码农不易,且用且珍惜。