[Jquery] 제이쿼리 CDN 동작 안 될때 / 제이쿼리 CDN JavaScript 파일 안에 넣기

🟩 Frontend-HTML & CSS & +JS/🔰HTML & CSS & JQ

[Jquery] 제이쿼리 CDN 동작 안 될때 / 제이쿼리 CDN JavaScript 파일 안에 넣기

ramen2 2024. 7. 14. 16:42

나 같은경우 이제껏 제이쿼리를 사용할때 html 파일안에 아래와 같이 CND을 불러왔었는데,

그래서 아래 제이쿼리 CDN이 제이쿼리를 사용하고 있는 .js 파일보다 밑에 있을때

동작이 안돼서 해매는 경우가 있었당

    <body>
    
    <!-- Jquery  -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
    
    
    <script src="/lib/index.js"></script>
    
    </body>

위의 서순으로 구성해야 동작됨

제이쿼리를 사용하는 js코드 위에, CDN을 넣으면 동작이 되는데,

위 Jquery CDN을 불러오는 형태로는 .js 파일안에 넣는게 불가능하기 때문에

다른 형식으로 .js에 넣는 방법은 다음과 같당

// Load jQuery
$.getScript("https://code.jquery.com/jquery-3.6.0.min.js", function () {
     console.log("jQuery loaded");

     // Load jQuery UI
     $.getScript("https://code.jquery.com/ui/1.13.0/jquery-ui.min.js", function () {
          console.log("jQuery UI loaded");
     });
});


// |￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣|
//     아래는 작성할 코드~
// |＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿|
//    \ (•◡•) /


$(document).ready(function () {

코드 작성

)};

저작자표시 비영리 변경금지 (새창열림)