본문 바로가기

Local Oriented/jQuery

 (132)
jQuery UI 에서 draggable 과 droppable 사용시, "'data(...).options'은(는) null 이거나 개체가 아닙니다." 메시지가 나온다면.. jQuery UI 에서 draggable 과 droppable 사용시, "'data(...).options'은(는) null 이거나 개체가 아닙니다." 메시지가 나온다면..옵션을 여러번 사용하지 말고, json 방식으로 한 방에 사용하면 어떨까 싶네요. idDrop1 영역에 idDrag1 에 있는 이미지를 가져다 맞추는 퍼즐기능에서..정확한 영역에 drop 한 다음,idDrag1 의 이미지를 다른 곳에서 사용하지 못하도록 revert invalid 와 disable 세팅을 했더니,idDrag1 에 사용된 이미지에 opacity 가 먹어서 투명하게 되었어요. opacity 옵션을 수정해도 disable 처리된 이후에는 투명도를 수정할 수가 없더라구요.그래서 destroy 옵션을 세팅하니까 투명도 문제는 해..
event properties 가 Chrome 에선 작동하지 않네요, 적어도 jquery-1.8.3 에선.. 아래 코드에서 코드1은 IE 와 Chrome 등에서 작동을 하는데, 코드2는 Chrome 에서 작동하지 않네요..테스트 했던 jQuery 버전은 1.8.3 이어서 그 이후나 이전 버전에선 어떻게 작동을 하는지 모르겠지만..암튼, event properties 를 사용하면 안될듯.. ㅠ.하긴, this.num 도 Chrome 에선 작동하지 않았어요...혹시나 내 PC 에 설치된 Chrome 버전에 문제가 있는것인지도..
Flick 기능을 PC 와 스마트폰 양쪽에서 적용 http://dohoons.com/test/flick/
jQuery noConflict, 다른 JS F/W 과 혼용시 충돌방지 원문 : http://linuxism.tistory.com/666(function($){ // $ 를 funciton 앞뒤에 있는 괄호 블럭 안에서 이전과 다른 의미로 재정의 해서 사용한다는 것 // jquery 문장을 자유로이 사용 $(document).ready(function(){ // 뭐 이런식으로다가.. }); })(jQuery); ---------------------------------------- http://makand.tistory.com/entry/jQuery-noConflictjQuery 이외에 다른 자바스크립트 프레임워크와 jQuery 를 혼용하는 화면에서 jQuery 가 충돌하는 것을 방지하려면..?아래와 같이 사용하는 것이 jQuery 사용법을 해치지 않으면서 가장 적절하게 ..
jQuery ~ (siblings) 를 사용하여 형제들 중의 특정 하위 요소 선택 아래 id1 이후로 가장 가까운 첫번째 tr 의 두번째 td 를 선택하려면..?class 인 tr1, tr2, tr3, td1, td2 등은 실제로는 없는 코드이고, 설명을 하기 위해 덧달아 놓은 겁니다. td01 td02 ... (다수의 tr td 문 존재) td11 td12 td21 td22 td31 td32 간단할듯 한데, 조금 복잡하네요.id1 을 선택해서 parent 인 tr 로 올라갔다가 siblings 인 tr 들 중에서 첫번째 tr 을 선택하고,td 들 중 두번째를 선택하면 됩니다만.. 일단 id1 을 선택하려면, $('#id1') 하면 됩니다. id1 을 감싸는 tr 인 tr.tr1 을 선택하려면, $('#id1').parent() 로 하면 되구요. 여기까진 너무 쉽죠..?$('#id1 ..
jQuery find() 와 filter() 차이 http://happyyhj.blog.me/127418663 http://www.cyworld.com/stoneberg/5520754 쉽게 말해서, $('A').find('B') 와 $('A').filter('B') 의 차이는.. find() 는 A 안에 담긴 DOM 구조를 살피는 것이라서 A 자체는 제외되는 것이고, filter() 는 A 자체에서 B 요소를 찾는 것. ...... 라고 했을때, $('tagA').find('.class1') 은 tabB 의 DOM 구조배열을 가리키고, $('tagA').filter('.calss1') 은 tagA 의 DOM 구조배열을 가리킨다. DOM 구조배열이라고 명명한 것은, DOM 구조인데 이것이 배열형태를 띄고 있기 때문. 아래 HTML 이 주어질 때, $('t..
iframe 안에 정의된 자바스크립트 변수를 iframe 밖에서 jQuery 로 접근하는 방법, contentWindow A.html 안에 아래와 같이 iframe 이 존재하고, B.html 안에는 아래와 같이 자바스크립트 변수가 존재할때.. A.html 안에서 jQuery 를 사용하여 B.html 안에 있는 변수를 가져다 쓰려면 어떻게 해야 할까요..?이런 경우.. contentWindow 라는 넘을 사용합니다.A.html 안에서 $('#iframe1').get(0).contentWindow.var1; 그런데 문제가 있네요.. IE10 에서는 $('...').get(0) 가 작동하지 않으니..이거, jQuery 버전이 달라지면 해결이 되는 것인지 모르겠네요. jQuery 1.5 에선 작동하지 않아요, IE 10 에서.. ㅠ.
인터넷 익스플로러 IE 10 에서 $(this).get(0) 나 $(this)[0] 사용 불가 어느날인가 화면이 정상작동 하지 않는다는 고객 VOC 를 접하게 되었는데, 아무리 해도 나는 잘 나오는데..머리를 쥐어 뜯다가, IE 10 에서 호환성 보기를 끄고 해 보니 어라.. 작동하지 않네.아.. 갑자기 멘붕. MS 가 또 사고 쳤구나.. 암튼, 왜 작동하지 않나 하고 이것저것 체크해 가며 확인하였더니..소스 중에 아래 내용을 IE 10 기본 모드에서 인식하지 못하였던 겁니다. HTML 태그에는... ... 자바스크립트에는$('#id1').each(function(){ var o = $(this).get(0); func1(o.attr1, o.attr2);}); 상기 코드가 다른 브라우저에서는 정상 작동하는데 IE 기본 모드(호환성보기가 꺼진 상태)에서는 오동작.alert(...) 함수를 사용해서 ..

티스토리툴바