jQueryプラグインは未定義ですが、私のjsコードの前に正しく含まれています

Question

私は数日間この非常に奇妙な問題に取り組んでいます。

基本的には、環境がワードプレスで、私は2つのjsファイルを含めています：

vendor.js -> generated by gulp and all it does is concatenating bower libs together

myScript.js -> my code

私は（証拠を）知っている：

• ベンダーファイルは、私のコードの前に含まれている（で確認コンソール）
• 私が使用しているプラ​​グインはvendor.jsに含まれています（chromeの新しいタブでファイルを開きました）
• 両方のファイルが正しく読み込まれていますgコンソールのログでコンソールにあります）

しかし、すべてがうまく見えても、何らかの理由でプラグインが未定義です。 https://github.com/idiot/unslider

と私はコンソールに取得していますエラーはこれです：私は使用しています プラグインは、このいずれかである

Uncaught ReferenceError: unslider is not defined

これは、私が電話し、このプラグインを必要とする私のコードの一部です：

jQuery(document).ready(function($) { 
    console.log("unslider is ", unslider); 
    $('#topBannerSlider').unslider({ 
    autoplay: true, 
    delay: 10000, 
    keys: true, 
    nav: true, 
    arrows: { 
     prev: '<a class="unslider-arrow prev fa fa-arrow-circle-left"></a>', 
     next: '<a class="unslider-arrow next fa fa-arrow-circle-right"></a>' 
    } 
    }); 

    $('#homePageTestimonialsCarousel').unslider({ 
    autoplay: true, 
    delay: 20000, 
    keys: true, 
    nav: true, 
    arrows: false 
    }); 
} 

と私はそうのように、jQuery(document).ready()イベントの前にそれをロードしようとする場合、それは同じことを行います

console.log("unslider is ", unslider); 
jQuery(document).ready(function($) { 
    $('#topBannerSlider').unslider({ 
    autoplay: true, 
    delay: 10000, 
    keys: true, 
    nav: true, 
    arrows: { 
     prev: '<a class="unslider-arrow prev fa fa-arrow-circle-left"></a>', 
     next: '<a class="unslider-arrow next fa fa-arrow-circle-right"></a>' 
    } 
    }); 

    $('#homePageTestimonialsCarousel').unslider({ 
    autoplay: true, 
    delay: 20000, 
    keys: true, 
    nav: true, 
    arrows: false 
    }); 
} 

ご意見はありますか？他に何を試すことができますか？それ以外に何ができますか？私は本当に立ち往生しており、どんな助けでも本当に感謝しています。おかげでたくさんの

Answer 1

私はこの権利を取得する場合は、ワードプレスを言うので、

jQueryを試みるが、これはそれを修正する前に、私はこの問題を持っている$

のinsted。

ワードプレス、PHP、JQueryおよび$は混在しません。