jquery7 템플릿 엔진 으로 select 핸들링 할 때 jquery 응용 방법 고민제목을 어찌 적어야 할 지 모르겠다... 결론은 jquery 로 select 를 핸들링 할 때에는 $("select").val(값); 으로 충분한데, 문제는 템플릿 엔진 으로 값을 넣어야 할 때 이다. 와 같이 넣어도, input 은 이상이 없다. 문제가 되는 것은 select 형태인데. dd 이렇게 들어가게 되면 문제가 발생할 여지가 있다. 해결고민 끝에 생각해낸 방법은 다음과 같다. dd 무난하게 data-value 라는 애트리뷰트 에 값을 넣는다. 그리고 jquery 를 응용해서, $(document).ready(function(){ $("select[data-value]").each(function(){ if($(this).find("option[value='"+$(this).attr("dat.. 2017. 1. 23. [제이쿼리 jquery] jquery Ajax 이후에 Popup 해야 하는 경우 개요Jquery Ajax 통신 후에 팝업창을 띄우고자 할 때가 있습니다. 저의 경우는 크롬을 사용중입니다. 다른 브라우저는 확인을 못했습니다. 이 경우에, 비동기 통신 후 window.open(주소) 를 호출하게 되겠지요. 본문(일반 Ajax 예시) // ajax process $.ajax({ url:"url주소", method:"POST", data:formData, dataType:"html", success: eventSuccess, error: function(xhr, status, error) {alert(error);} }); function eventSuccess(data) { alert(data); } 이런 식으로 Ajax 통신을 할 것입니다. 그런데 통신 이후에 Alert 창을 띄우는 것.. 2015. 10. 15. [jquery] closest jquery 에서 부모 객체를 찾는 방법은 $(셀렉터).parent(); 입니다. 여기서 더 상위의 것을 탐색하기 위해서는$(셀렉터).parents("filter"); 를 사용하게 됩니다. 그런데 parents 의 경우는 여럿을 탐색하게 되므로, 순서적으로 탐색하는 closest 가 필요할 수가 있습니다. $(셀렉터).closest("ul") 이런식으로 하면, li 에서 바로 위의 ul을 찾기 용이해집니다. 2015. 10. 2. [자바스크립트 javascript] Synchronous XMLHttpRequest on the main thread is deprecated (업데이트 2019-03-04) 개요Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/. 라는 문구가 떴다. (크롬에서 jquery 3.3.1 로 async:false 옵션으로 테스트 했을 때) 본문 오래 전에 만들었던 소스를 살펴보는 과정에서 위와 같은 오류 표시를 확인했습니다. 살펴보니 코드 중에서 jquery 의 Ajax 기능을 이용하는 중에, async:false 라는 옵션을 넘겨주는 부분이 있었습니다. 이 부분에서 경고가 출력된 것으로 생각됩니다. 영어는 해석해보면, 메인.. 2015. 5. 8. [jquery] 키 이벤트 순서 이벤트 발생순서는 keydown -> keypress-> keyup 라고 하는데 확인은 해봐야 할 듯 2014. 5. 22. [jquery] closest / parent / parents parent 는 바로 상위 의 객체 parent() 또는 parent(".aaa")parents 는 상위의 어떤 객체 중에서 해당 객체를 찾는다. 예시) parents(".aaa")closest 는 가장 가까운 상위의 객체를 찾는다. 2014. 5. 12. [jquery] bind click delegate live 차이 bind() 이벤트 적용$("#list").bind("click",function(){});$("#list").on("click",function(){}); live() 동적으로 추가되는 요소에도 이벤트 적용$("#list").live("click",function(){});$(document).on("click","#list",function(){}); delegate() 동적으로 추가되는 요소에도 이벤트 적용$("#list").delegate("li a","click",function(){});$("#list").on("click","li a",function(){}); 2014. 2. 5. 이전 1 다음
