Javascript Timon-Step表单向导:jQuery正在工作,但未定义$

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

我买了一个WordPress主题,需要通过多个步骤来实现一个复杂的表单。为此,我正在编写一个插件,并购买了Timon-Step表单向导。因此,我包含了CSS和JS文件,但出现了一个错误:

VM5199 tsf向导plugin.js?ver=1.0:77未捕获类型错误:无法读取未定义的属性“extend”

它发生在以下代码段的最新一行:

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>