.on 함수가 실행되지 않습니다.

Question

일부 텍스트를 클릭 할 때 .on 이벤트를 사용하려고합니다. 여기 내 바이올린은 다음과 같습니다

http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/73/

하지만 아무것도 내가 '링크'를 클릭하면 해고되고, 내가 왜 몰라? 읽기 http://api.jquery.com/on/에서 나는 통과해야하는 데이터가 .connected라고 생각하지 않습니다.

동적으로 추가 된 요소에 대해 작동해야합니다.

<div id="myID"> 
    <a class="connected" >link</a> 
</div> 

​$(function() { 

$(".connected").on('click', '.connected', function() { 
    alert('fired)' 
     $(".connected").append("<a>hello</a>"); 
}); 



}); 

​.connected { 
    float: left; 
    margin: 6px; 
} 

Answer 1

당신도 이것을 사용할 수 있습니다 :

$(".connected").on('click', function() { 
    alert('fired') 
    $(".connected").append("<a>hello</a>"); 
});​ 

또는이 :

$("#myID").on('click', '.connected', function() { 
    alert('fired') 
    $(".connected").append("<a>hello</a>"); 
});​ 

주, 두 번째 변종은 동적으로 추가 요소 작동합니다.

는

DEMO : 경고에 구문 오류가 고정으로http://jsfiddle.net/zyUkd/74/

Answer 2

이 두번째 버텍스 .connected 제거하십시오 : 다음은 바이올린의 코드입니다. 또한 경고가 잘못 작성되었습니다.

$(function(){ 
     $(".connected").on('click', function() { 
      alert('fired'); 
      $(".connected").append("<a>hello</a>"); 
     }); 
    }); 

Answer 3

뿐만 아니라, 준비 기능에 넣어.

http://jsfiddle.net/zyUkd/75/

$(document).ready(function() { 

     $(".connected").on('click', function() { 
      alert('fired'); 
       $(".connected").append("<a>hello</a>"); 
     });  

});