Javascript Timon-Step表单向导:jQuery正在工作,但未定义$
我买了一个WordPress主题,需要通过多个步骤来实现一个复杂的表单。为此,我正在编写一个插件,并购买了Timon-Step表单向导。因此,我包含了CSS和JS文件,但出现了一个错误: VM5199 tsf向导plugin.js?ver=1.0:77未捕获类型错误:无法读取未定义的属性“extend” 它发生在以下代码段的最新一行:Javascript Timon-Step表单向导:jQuery正在工作,但未定义$,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我买了一个WordPress主题,需要通过多个步骤来实现一个复杂的表单。为此,我正在编写一个插件,并购买了Timon-Step表单向导。因此,我包含了CSS和JS文件,但出现了一个错误: VM5199 tsf向导plugin.js?ver=1.0:77未捕获类型错误:无法读取未定义的属性“extend” 它发生在以下代码段的最新一行: jQuery.fn.tsfWizard = function (options) { var defaults = { stepStyle: 'styl
jQuery.fn.tsfWizard = function (options) {
var defaults =
{
stepStyle: 'style1', // grumpy step indicator all styles
stepEffect: 'basic',
showStepNum: true,
stepTransition: true, //true or false
validation: false, //true or false
navPosition: 'top', //'bottom' or top,right,left
height: 'auto', //'auto' or any height (600px,400px etc)
showButtons: true,
manySteps: false,
prevBtn: '<i class="fa fa-chevron-left"></i> PREV',
nextBtn: 'NEXT <i class="fa fa-chevron-right"></i>',
finishBtn: 'FINISH',
disableSteps: 'none', //all | after_current | before_current | none
onSlideChanged: function (e) { },
onNextClick: function (e) { },
onPrevClick: function (e) { },
onPrevClick: function (e) { },
onFinishClick: function (e) { }
};
var settings = $.extend({}, defaults, options);
jQuery是从WordPress加载的,包括:
<script type='text/javascript' src='http://127.0.0.1/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
我使用jQuery已经很久了,但从来没有出现过这些问题。什么可以破坏$variable?我怎样才能解决这个问题
编辑:
我补充说
<script>$ = jQuery;</script>
在加载jQuery中包含的所有其他脚本之前,这就解决了这个问题。但我不明白为什么会这样 您的代码中可能有$.noConflict,这将通过$禁用jQuery的使用
当多个库一起使用时使用它,可能会发生冲突,因为它们都使用$来访问API。问题在于您使用了另一个库,它覆盖了$变量。但我没有其他库,只有Modernizer、jQuery和一些jQuery插件。当另一个库重写$variable时,它必须是它后面的某个函数。似乎$没有什么作用,因为它是未定义的。在wordpress中使用noconflict是比较常见的,它删除$只留下jQuery
<script>$ = jQuery;</script>