Click 검색 결과

해당 글 4건

[jQuery] DOM 객체에 동적으로 추가 시 이벤트 핸들러 적용하는 방법

on 함수에 대해 전에 블로그에 써놓고 또 까먹어서 찾아보다가 한번 더 정리한다. 작업을 하다보면 자바스크립트(또는 jQuery)로 HTML을 추가하는 경우가 생긴다. 하지만, 자바스크립트로 HTML DOM 생성/추가 하면 이벤트가 안먹히는데 이때 해결 방법에 대해 설명하려한다. 우선, 아무리 셀럭터를 이용해 DOM을 선택해도 동적으로 생성된 DOM은 bind, click, keypress 등의 이벤트를 캐치하지 못한다. 이때 해결책으로 live 를 사용하는 방법이 있는데 사용 예시는 다음과 같다 //.live(events, function) $("#example").live('click', function(e) { // Source Code Start }); 하지만, jQuery 1.9 버젼에서는 li..
Helloworld!/Javascript & jQuery 2016. 3. 9. 15:50

[jQuery] Dom 이 나중에 그려질 경우 이벤트 바인딩 - on

Dom 이 그려지는거 보다 먼저 이벤트가 바인딩 될 경우나중에 그려진 Dom 에 다시 이벤트를 바인딩 해야한다면 on을 사용하면 된다예시는 다음과 같다 [ test.html ]Click! [ script ] $(document).on( "click", "#changeLinkColor", function() { $(this).css('color', 'red'); }); 위와 같이 한다면 나중에 이벤트가 바인딩 됨
Helloworld!/Javascript & jQuery 2015. 12. 29. 17:23

[jQuery] 확인 창(confirm), 페이지 이동(location.replace)

Yes, No 확인 창 : confirm('메세지 입력');페이지 이동 : location.replace('이동할 페이지'); $(document).ready(function(){ $('#Btn').click(function() { var result = confirm('Are you sure you want to do this?'); if(result) { //yes location.replace('index.php'); } else { //no } }); }); 위 소스 코드 설명 : Btn을 클릭했을 시 실행하는 이벤트.Are you sure you wnat to do this? 라는 메세지와 함께 Yes, No를 선택할 수 있는 메세지 박스가 나타난다.만약 Yes를 눌렀다면 index.php로 페..
Helloworld!/Javascript & jQuery 2013. 6. 3. 18:11