728x90 반응형 SMALL 제이쿼리6 javascript 동적 load 1. 개요jquery 와 Ajax 의 많은 사용으로 javascript 에서 해야 하는 일이 많아지고 하나의 page 에서 load 하는 javascript file 들이 많아 짐에 따라초기 화면 loading 속도가 느려지는 것을 느낄 수 있다.초기 화면 loading 시 필요한 javascript 만 가져오고 다른 js file 은 필요 시 동적으로 load 할 수 있다. 2. function 정의function loadJavascript(url, callback, charset) { var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javas.. 2013. 12. 23. jquery 최적화 방법 동적 테이블 생성하는 아래 두가지 방법으로 최적화 방법을 알아 본다.- json 형태의 data{"names":[{"first":"Azzie","last":"Zalenski","street":"Niemann Cret","city":"VA"},// 1000 개 반복]}- 첫번째 방법.$.each(name, function(){$('').append($('').html(this.first) + ' ' +(this.last))).append($('').html(this.street) + ' ' +(this.city)) .appendTo('#nameTable');}); // 정상적으로 동작 하지만 속도가 떨어진다. - 두번째 방법var html = [], h = -1;html[++h] = '';html[++h].. 2013. 12. 23. jquery Ajax esc key 무시 방법 jquery로 ajax 통신중 사용자가 esc key 를 누르면 통신이 끊기면서 erorr 를 return 한다.이를 막기 위해 아래와 같은 source 를 추가 !!! $(document).keydown(function(e) { if (e.keyCode == 27) { e.preventDefault(); } }); 2013. 12. 23. jQuery Dialog 에 datepicker 자동 포커싱 문제 해결 방법 Dialog 는 open 되면서 가장 첫번째 input elements 에 자동으로 포커싱 되게 되어있다.때문에 Dialog 에 datepicker 가 가장 먼저 있다면 자동으로 datepicker 가 open 된다.이를 해결 하기 위하여 많은 방법을 해 봤지만 가장 쉬운 방법은 아래처럼 input 'text' 를 datepicker 보다 먼저넣어두는 것이다.괜한걸로 시간 많이 쓰지 말자 2012-07-03 -------------------------------------------------------------------------------------------------------- 위의 해결 방법은 꼼수 였고, input box 가 보일 위험이 있다. 더 좋은 해결 방법은 아래와 같이 한다. .. 2013. 12. 23. 이전 1 2 다음 728x90 반응형 LIST