기타2/Jquery15 autosize github.com/jackmoore/autosize jackmoore/autosize Autosize is a small, stand-alone script to automatically adjust textarea height to fit text. - jackmoore/autosize github.com textarea에 사이즈를 자동으로 늘려준다. autosize($('textarea')); 2020. 8. 24. Enter -> Keyup 검색시 엔터키시 바로 검색설정 Keyup이벤트 발생후 해당키가 어떤키를 눌렀는지확인 keycode값이 13이 엔터키를 눌렀을때 작동 지금은 모르겠는데 파이어폭스에서 예전에 event.keycode가 동작을 안해서 추가하는부분이 필요했다. var keycode = event.keyCode ? event.Keycode : event.which; 참고자료는 아래사이트에서 확인할것 https://www.w3schools.com/jsref/event_key_which.asp KeyboardEvent which Property KeyboardEvent which Property ❮ DOM Events ❮ KeyboardEvent Example Get the Unicode value of the pressed key.. 2019. 10. 8. slick https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io 기본적으로 슬라이더를 쓸떄 슬릭을 많이쓰는데 해당형태로 길게 늘어졌다가 정상작동된다. 인터넷 속도가 느릴때 저렇게 보여서 수정처리 https://github.com/kenwheeler/slick/issues/158 Hide slides before slick initialization · Iss.. 2019. 9. 10. 이걸 까먹네 jquery option:selected 내가 자주 사용하는 패턴중 하나가 select에 data로 데이터 밀어넣고 그값 가져오는걸 많이 사용하는데 맨날 기억에서삭제되는 패턴이 이거다 와.. 이걸 해냅니다 셀렉터가 $("#sel option:selected") option:selected 이런거 본적은 있는거같은지 모르겠는데.. 맨날 까먹는 패턴이다 $("#sel option:selected").data("idx") -> 요값을 콘솔로 찍어보면 11이 나온다. 그렇다면 선택된값에 이것저것 원하는 정보를 존나 쳐넣고 땡겨오면 된다. 2019. 6. 28. each each문을쓸때 break, continue for문이나 while문을 사용시break와 continue문을 자주사용하게되는데 each문에서는 break가 존재하지 않는다.https://api.jquery.com/each/ 결론 : return false; samplevar flag = true;var msg = "if문에 걸리지 않았어요";$("input").each(function(i,e){if($(e).val() == "aaa"){flag = false;msg = "aaa를 쓰지 말아요"return false; //break의 역할을 하게된다.}}) alert(msg); 2018. 7. 30. busy-load , spinner 로딩중 표현에 사용git : https://github.com/piccard21/busy-loaddemo : https://piccard21.github.io/busy-load/ //기본세팅$.busyLoadSetup({animation: "fade",spinner: "accordion",background: "rgba(60, 60, 60, 0.86)",text : "처리중 .."}); //풀스크린 적용$.busyLoadFull("show");$.busyLoadFull("hide"); 2018. 6. 5. 자주보는 jquery cheet sheet site 매번 찾아서 보는 Jquery Cheet Sheet sitehttps://oscarotero.com/jquery/ 장점 : 버전에 따른 함수의 가능한지 아닌지까지 알 수 있다. 2018. 5. 8. 안드로이드,아이폰 디바이스 구별 // 안드로이드if( /Android/i.test(navigator.userAgent)) {// IOS}else if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {}else {} 2018. 4. 17. checkbox, radio 체크가 되지 않을때 (.attr과 .prop의 차이) http://blog.freezner.com/archives/391http://javascriptandjquerydev.blogspot.kr/2012/07/attr-prop.html https://medium.com/@jeongwooahn/html-attribute%EC%99%80-property-%EC%9D%98-%EC%B0%A8%EC%9D%B4-d3c172cebc41---http://api.jquery.com/prop/ attribute는 무엇인가?Attributes는 HTML 요소의 추가적인 정보를 전달하고 이름=“값” 이렇게 쌍으로 온다. 예를 들어 를 보면 div 태그가 class 라는 값이 ‘my-class’인 attribute를 가지고 있다.property는 무엇인가?Property는 att.. 2018. 3. 27. 이전 1 2 다음
