내 js 코드 앞에 적절하게 포함되어 있지만 jQuery 플러그인은 정의되지 않았습니다

Question

며칠 동안이 아주 이상한 문제를 해결하기 위해 노력하고 있습니다. 왜 이런 일이 발생하는지 이해하지 못합니다.

기본적으로, 환경은 워드 프레스 내가 두 JS 파일을 포함하여 오전 :

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

myScript.js -> my code

나는 (증명)을 알고 무엇을 : 공급 업체 파일이 내 코드 앞에 (에서 확인

• 포함되어 콘솔)
• 내가 사용하고있는 플러그인은 vendor.js에 포함되어 있습니다 (크롬의 새 탭에서 파일 열기)
• 두 파일이 올바르게로드됩니다 (일부 debu 콘솔 로그에 있고 콘솔에 있습니다.)

하지만 나에게도 문제가 없다고해도 플러그인은 아직 정의되지 않았습니다. 내가 사용하고 플러그인이 하나입니다

Uncaught ReferenceError: unslider is not defined

이 내가 전화해서이 플러그인이 필요 내 코드의 일부입니다 https://github.com/idiot/unslider

와 내가 콘솔에서지고있어 오류 것은 이것이다 :

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.

WordPress, PHP, JQuery 및 $는 섞지 마십시오.