jQuery 3.3.1在Wordpress HTML表单中的noConflict

时间:2018-12-04 07:58:57

标签: php jquery wordpress html5

我一直在为Wordpress网站开发2种自定义html表单(html,css3和JQuery3.3.1)。我在相应的主题文件夹中将这些表单的代码组织如下:

enter image description here

header.php文件包含form1的html,而form2的html使用WPBakery页面构建器复制到另一个页面。

functions.php文件包含用于注册并包括css和js文件的队列样式和脚本语句。

由于存在多种版本的jQuery,即主题使用的是较低版本,表单使用的是最新版本,因此在这两个js文件中,我都使用jQuery noConflict()来避免任何冲突: / p>

Form1.js:

var form1jq = $.noConflict(true);
form1jq(function() {
  //Code comes here
});

Form2.js:

var form2jq = $.noConflict(true);
form2jq(function() {
  //Code comes here
});

Form1似乎运行良好,但是Form2的脚本不断给我以下错误:

  

form2.js未被捕获的TypeError:无法读取在form2.js上未定义的属性'noConflict'

我在网上进行了一些搜索,没有使用2个带有noConflict语句的自定义js文件的具体解决方案。

任何有关如何解决此问题的建议将不胜感激。

谢谢 诺埃尔(Noel)

0 个答案:

没有答案