jQuery가 Laravel에서 작동하지 않습니다.

웹 라이브러리를 사용하려고했는데 이제 로컬로 (NPM이 설치되어 있음) 사용하지만 버튼 클릭의 기능으로 응답이 없습니다. 콘솔 로그도 완전히 비어 있습니다. 어떻게 작동시키는 지에 대한 아이디어는 더 이상 없습니다. 당신은 HTML 문서의 body 내부에 footer 태그와 script을 추가해야jQuery가 Laravel에서 작동하지 않습니다.

<!doctype html> 
    <head> 
     <link rel="stylesheet" href="/css/app.css"> 
     <script src="{{asset('js/jquery.min.js')}}"></script> 
    </head> 

    <body> 
     @include('inc.navbar') 
     <div class = 'container'> 
      <div class = 'row'> 
       <div class = 'col-md-8 col-lg-8' > 
        @include('inc.messages') 
        @yeld('content') 
        <button class = 'btn' id = 'test1'>SES</button> 
       </div> 
      </div> 
     </div> 
    </body> 

    <footer id='footer' class = 'text-center'> 
     <p>Copyright 2018 &copy; FitnessBook </p> 
    </footer> 

    @section('script') 

    <script> 
     $("#test1").click(function(){ 
      alert("Handler for .click() called."); 
     }); 
    </script> 

    @endsection 

</html>

출처

2017-12-30 Boris Legovic

스크립트를 ''으로 옮기고 문서 준비 블록으로 래핑 해보십시오. https://learn.jquery.com/using-jquery-core/document-ready/ –

jQuery가 올바르게 추가 되었습니까? 브라우저 개발 도구 (F12)를 열 수 있고 콘솔에 다음을 작성하십시오. ** jQuery.fn.jquery **. 그건 당신에게 jQuery versoin 번호를 제공합니다. – gaetanoM

나는 해결책을 찾아 냈다. @section ('script')를 제거하고 cdn의 스크립트 src를 추가하면 문제가 해결되었습니다.

출처

2018-01-01 09:22:29

여기 내 코드입니다.

아래 코드를 사용하여 스크립트 태그를 대체는 :

<script> 
$(document).on('click','#test1',function(){ 
    alert("Hello !!!"); 
}); 
<script>

출처

2017-12-30 17:53:00

같은 결과. 작동하지 않음 –

을 –

jQuery가 Laravel에서 작동하지 않습니다.

답변

관련 문제