[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 () {

코드 작성

)};

저작자표시 비영리 변경금지

'🟩 Frontend-HTML & CSS & +JS > 🔰HTML & CSS & JQ' 카테고리의 다른 글

[Meta / Open Graph] 오픈그래프 태그란? (Meta Tag 자동생성 사이트) (0)	2024.07.29
[Jquery Cookie] 제이쿼리 쿠키 로 첫 방문 이후 팝업 숨기기+두번째 방문 시 잠깐 뜨는 팝업 없애기 + 쿠키없애는 방법 (0)	2024.07.27
[Swiper] pagination 위치 조정 안될때 수정방법 (CDN으로 가져왔을때 안될 시, 스와이퍼 파일다운) (3)	2024.07.25
[Kakao Map API] (쉬운 방법) HTML& JavaScript로 카카오 맵 마커 및 상세정보 표현하기 (2)	2024.07.14
JQuery Cookie사용법 : 쿠키 저장, 쿠키 불러오기, 쿠키 삭제, 쿠키 만료기간 지정(외 쿠키 기초개념+도메인에대한 부분등) 기록 (0)	2022.10.27

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

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

기록장

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

'🟩 Frontend-HTML & CSS & +JS > 🔰HTML & CSS & JQ' 카테고리의 다른 글

'🟩 Frontend-HTML & CSS & +JS/🔰HTML & CSS & JQ'의 다른글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역

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

'🟩 Frontend-HTML & CSS & +JS > 🔰HTML & CSS & JQ' 카테고리의 다른 글

'🟩 Frontend-HTML & CSS & +JS/🔰HTML & CSS & JQ'의 다른글

관련글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역