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