Jeffrey Oh's Notepad

Frontend/jQuery 검색 결과

해당 글 19건

$(function) 안 될 때 / $(document).ready 안 될 때

아주 어처구니 없는 상황이 있어서 메모해 둔다... 테스트 환경은 frame > document 에서 실행 (frame과 상관없는 것 같음. 똑같은 환경 다른 사이트는 잘 작동함) $(function) / $(document).ready DOM이 생성되었을 시점에 실행할 스크립트를 jQuery를 사용할 때 다음과 같이 사용한다. $(function() { console.log("test"); }); 위 이미지 처럼 글쓴이는 안에 jQuery 스크립트가 선언되어있다. 하지만 개발자도구에 찍힌 로그는 빈란.. 그래서 먼저 체크한 것은 정말로 jQuery가 로드가 되었는지 확인할 필요가 있어서 다음처럼 스크립트를 추가했다. // jQuery 존재하는지 판단하여 없으면 스크립트 CDN 삽입 if (typeof ..

Frontend/jQuery 2020. 12. 16. 14:56

Unite Gallery 를 이용한 반응형 갤러리 만들기

갤러리 형태를 html, css, javascript 로 구성을 하다가 괜찮은 플러그인이 없는지 찾아보았는데 마침 괜찮은게 있어서 메모해보려 한다. Unite Gallery Unite Gallery 플러그인은 다양한 형태의 갤러리를 제공한다. Unite Gallery 진짜 너~무 많으니 직접 둘러보길 바라며 다음은 설정하는 부분이다. Compact Theme - left panel position 글쓴이는 Compact Theme - left panel position 형태를 사용해 보았다. 메인 이미지가 우측에 큰 사이즈로 나오며 좌측에 스크롤 형태로 작은 이미지들이 썸네일로 표시된다. 좌측 패널 쪽에서 마우스 휠을 이용한 스크롤이 아니라 마우스를 위아래로 움직이면 자동 스크롤링되며 썸네일을 클릭하면 ..

Frontend/jQuery 2020. 12. 3. 15:38

Back Forward Cache 익스, 크롬, 사파리, 파이어폭스 뒤로가기 이벤트

Back Forward Cache 익스, 크롬, 사파리, 파이어폭스 뒤로가기 이벤트크롬 브라우저 76 버전 까지는 잘되던 소스가 79 이상부터는 먹히지 않았다.과정은 아래와 같았다.input의 checkbox를 체크 하고 페이지 이동이 이루어진 다음 뒤로가기를 통해 돌아온 경우checkbox의 체크가 풀려있지 않지만 페이지의 로딩이 다시 이루어지지 않기 때문에$(function() {}) 내의 소스들이 호출이 되지 않았다. 이 부분을 구글링한 결과 Back Forward Cache라는 것 때문에 되지 않았던 것이다. Back Forward Cache 란 브라우저의 뒤로가기시 브라우저가 단일 세션내에서 자바스크립트 상태 및 웹 페이지를 전체를 캐싱함으로써 전체적은 응답속도를 빠르게 동작하기위해 사용되는 캐..

Frontend/jQuery 2020. 1. 20. 15:15

SCRIPT7002 ERROR & IE Browser

SCRIPT7002 ERROR & IE Browser $.ajax({ //type : 'POST', header:{ "Content-Type":"application/json", //Content-Type 설정 "X-HTTP-Method-Override":"POST" } }); dataType과 method Type을 직접 명시 하지않고 header 값에 수동으로 적용하였고 timeout을 5000으로 설정하였더니 간헐적으로 IE에서만 ajax 통신할 때 발생하던 SCRIPT7002 ERROR 가 나타나지 않았으며, 이는 임시해결방법일 뿐이라 생각되고 정확한 원인과 해결방안은 아직........

Frontend/jQuery 2020. 1. 7. 15:13

sweetalert2 possible unhandled promise rejection

sweetalert2 possible unhandled promise rejectionIE에서 promise를 참조했음에도 불구하고 이 에러가 뜬다면버튼없이 then을 이용하여 이동처리할 경우 나타나는 증상이다. 따라서 버튼을 없애지말고 보여줄 것 (showConfirmButton: true 기본이 true라 false로 했다면 삭제) 그래야 .then 함수가 먹힘..

Frontend/jQuery 2019. 12. 16. 11:17

로딩 심기

로딩 심기var loader = $("").css({ display: "block", width: "20px", height: "20px", position: "fixed", "margin-top": "-10px", "margin-left": "-10px", "z-index": "9999999", "background-size": "20px 20px", "background-repeat": "no-repeat", "background-position": "center", // 이미지는 base64 인코딩으로 처리했으므로 별도의 css나 이미지 파일 필요 없음. "background-image": "url('data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEh..

Frontend/jQuery 2019. 12. 14. 11:51

스마트 에디터 로드 후 내용 변경 감지 이벤트

스마트 에디터 로드 후 내용 변경 감지 이벤트$("iframe[src='/smarteditor/SmartEditor2Skin.html']").css("display", "none");var timerId = setInterval(function() { if($("#se2_iframe").context.readyState == "complete") { $("iframe[src='/smarteditor/SmartEditor2Skin.html']").css({ "display": "table", "height": "300px" }); $("iframe[src='/smarteditor/SmartEditor2Skin.html']").contents().find("iframe[id='se2_iframe']").cs..

Frontend/jQuery 2019. 12. 3. 10:31

ajax 반복하기

ajax 반복하기function ajax(tc, idx=1) { $.ajax({ url: "", data: { "page" : idx, "tc" : tc }, method: "post", success: function(data) { console.log(data); if(data.page == tc) { // 완료 } else { // 미완료 ajax(tc, idx+1); } } }); }

Frontend/jQuery 2019. 11. 27. 20:50

loading 심기

loading 심기 $(document).ready(function() { $("#loading").hide(); // hide는 jquery에서 제공함});

Frontend/jQuery 2019. 11. 15. 17:59

Radio 클릭 후 취소하고 싶을 때

Radio 클릭 후 취소하고 싶을 때// 라디오 클릭 후 다시 클릭한 경우$(document).on("click", "input[type='radio']", function() { var target = $(this); if(target.data("waschecked") != undefined && target.data("waschecked") == 1) target.data("waschecked", 0); else target.data("waschecked", 1); if(target.data("waschecked") == 0) target.prop("checked", false);});

Frontend/jQuery 2019. 11. 15. 13:42