버튼에이벤트

    반응형
    이미지21

    [ JQuery ] 제이쿼리 동적으로 생성된 버튼에 이벤트 달기

    JQuery 로 버튼에 이벤트를 달 때 우리는 보통, $(document).ready(function( ) { ... }) 안에 이벤트 선언을 하던, $(function() { ... }) 안에 이벤트 선언을 한다. 만약 아래처럼 첫 번째 버튼을 클릭하면 두 번째 버튼을 그려주는 코드가 있다고 가정하자. 첫 번째 버튼 첫 번째 버튼 ( firstButton ) 을 클릭하면 두 번째 버튼 ( secondButton ) 이 성공적으로 생성될 것이다. 이는 $(document).ready(function( ) { ... }) 안에 첫 번째 버튼의 이벤트를 선언해놨기에, 화면이 열리면서 해당 코드를 읽어 첫 번째 버튼에게 이벤트를 적용시켜주기 때문이다. 자, 그렇다면 이렇게 동적으로 생성 된 두 번째 버튼 ( ..