반응형

jQuery 3

[Jquery] draggable 무한으로 드레그 될 때 영역제한하는 코드

| 문제상황제이쿼리 기본 draggable 메서드를 사용해서 화면내에서 드레그로오브젝트를 이동시키는 환경에서오브젝트를 html바깥쪽으로 이동하면 그만큼 가로세로축이 늘어나는 상황..    $(document).ready(function () { // 드래그 가능한 요소 생성 $(".draggable_clock, .draggable_bgm").draggable({ touchAction: "auto", // 터치 이벤트 활성화 grid: [10, 10], containment: 'main'// 드레그 영역 제한 }); ..

[Jquery Cookie] 제이쿼리 쿠키 로 첫 방문 이후 팝업 숨기기+두번째 방문 시 잠깐 뜨는 팝업 없애기 + 쿠키없애는 방법

✅ 쿠키 사용을 위한 CDN  ⚠️주의 : 쿠키는 제이쿼리cdn보다 밑에 있어야 동작함  ✅ JS코드 (해결 후 코드)// | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄|// 첫 진입시에만 팝업, 이후 숨김// |___________________|// \ (•◡•) /$(document).ready(function () { var popDisplay = $.cookie('popDisplay'); if (!popDisplay) { $('#pop').show(100); $.cookie('popDisplay', 'none', { path: '/' }); } else { $(..

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

나 같은경우 이제껏 제이쿼리를 사용할때 html 파일안에  아래와 같이 CND을 불러왔었는데, 그래서 아래 제이쿼리 CDN이 제이쿼리를 사용하고 있는 .js 파일보다 밑에 있을때동작이 안돼서 해매는 경우가 있었당 위의 서순으로 구성해야 동작됨    제이쿼리를 사용하는 js코드 위에, CDN을 넣으면 동작이 되는데,위 Jquery CDN을 불러오는 형태로는 .js 파일안에 넣는게 불가능하기 때문에다른 형식으로 .js에 넣는 방법은 다음과 같당 // Load jQuery$.getScript("https://code.jquery.com/jquery-3.6.0.min.js", function () { console.log("jQuery..

반응형