munak
[laravel 5] jquery $ is not defined + 엘릭서 사용시 본문
라라벨 5.1에서 엘릭서를 사용하여 css 코드와 javascript 코드를 통합하여 아래와 같이 사용하고 있었습니다.
<link href="{{ elixir("css/app.css") }}" rel="stylesheet">
...
<script src="{{ elixir("js/app.js") }}"></script>
허나 데이트피커와 같은 jquery 플러그인을 적용하려고 하면
"jquery $ is not defined" 에러가 발생하였습니다.
가장 많은 답변인 javascript 중 제일 위에 jQuery 플러그인을 놓으라고 해서, 제 엘릭서(elixir("js/app.js")) 에
를 body 및 footer가 끝나는 곳에 놓아 보기도하고,
javascript들 간의 순서를 변경해보기도 했습니다.
허나 오류만 사라질 뿐 제대로된 동작이 되지 않았습니다.
그래서 https://laracasts.com/discuss/channels/general-discussion/scripts-loaded-in-default-template-not-working-in-views?page=1
에서 제시한 해결법 대로 진행하였습니다.
** 해결법은 jQuery의 javascript 코드가 들어있는 엘릭서를 아래와 같이 css 코드 바로 밑에 두면 됩니다.
<link href="{{ elixir("css/app.css") }}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
<script src="{{ elixir("js/app.js") }}"></script>
그럼... 빠른 에러 처리 하시길 ^^
Comments