2013-09-03 1 views
0

내가 뭘 잘못하고 있는지 알리는 경고를받을 수 없습니다. 을 추가 한 후에 이벤트를 바인드하려고하지만 어떤 이유로 알람 상자가 실행되는 동안 메시지를 볼 수 없습니다.문서를 사용하여 추가 한 후에도 이벤트가 작동하지 않습니다 .on 변경

<!DOCTYPE html> 
<html> 
<head> 
    <title>mytitle</title> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 

      $('body').append('<div id="testdiv2"></div>'); 

      $('document').on("change", '#testdiv2', function() { 
       alert("hello"); 
      }); 
     }); 
    </script> 

</head> 

<body> 
</body> 
</html> 

감사합니다. 내가하려고하는 것은 예를 들어 그것을 만든 후에 div를 참조하는 것입니다. div를 추가 한 다음 div에 내용을로드하려고합니다. 그 때 그것에서 모든 상표를 제거하십시오 완료하십시오. 이렇게 뭔가.

$ (문서) .ready (함수() {나는 그런 일을 성취 얼마나

 $('body').append('<div id="testdiv2"></div>').load('HtmlPage2.html #testdiv'); 

     $('testdiv2 label').remove() 
    }); 
</script> 

?

+0

물어 보는 중 jsfiddle을 만들 수 있습니까? – Raghu

답변

0

document하지 'document'

 $(document).on("change", '#testdiv2', function() { 
      alert("hello"); 
     }); 
찾을 수

$('document') 시도 문서의 <document> 태그.

div들에는 변경 이벤트를

이없고 문서가 이미 있기 때문에 당신은 $(document).ready 내부 $(document).on를 넣을 필요가 없습니다.

2

change 이벤트는 값이 변경된 입력 요소에 의해서만 트리거됩니다. <div> 그 자체로는 아무 것도 실행할 수 없습니다.

참조 :

change 이벤트 요소에 전송 될 때 그 값이 변화한다. 이 이벤트는 <input> 개의 요소, <textarea> 개의 상자 및 <select> 개의 요소로 제한됩니다.

관련 문제