2011-10-21 2 views
0

jQuery로 텍스트 영역에 문제가 있습니다. 다음 HTML을 참조하십시오.텍스트 영역 이벤트가 작동하지 않습니다 - jQuery

<div class="CodeMirror"> 
    <div> 
     <textarea autocapitalize="off" autocorrect="off" wrap="off"> 
     </textarea> 
    </div> 
</div> 

위의 텍스트 영역에는 ID가 없으므로 jQuery를 사용하여 추가했습니다.

$('.CodeMirror').children().find('textarea').attr('id','new_editor'); 

방화범을 통해 검사했는데 해당 텍스트 영역의 ID로 "new_editor"를 볼 수 있습니다. 하지만 문제는 ID 이벤트 new_editor를 사용하여 해당 텍스트 영역에 이벤트를 첨부하거나 값을 가져올 수 없다는 것입니다.

는 나 또한
$("#new_editor").live('click',function(){ 
    alert('test'); 
}); 

그러나 작동하지 .... 텍스트 영역을 동적으로 CodeMirror에 의해 생성되는 (codemirror.net)

을 시도했다.

이제 jQuery를 사용하여 해당 텍스트 영역에 대한 일부 작업을 수행하려고합니다.

나에게 무슨 문제가 있습니까 ?? 도와주세요 고맙습니다.

편집이 - 죄송합니다, 그없는 문제가 실제로는 실수였다 [실수를 입력, 내 진짜 코드는 # 함께하지 $ 기호] 당신은 잘못된 선택을

+0

를 왜 기존 요소에'live'를 사용해야합니까? –

+1

'find'를 호출하기 전에 아이들을 선택할 필요는 없습니다. '$ (". CodeMirror"). find ("textarea")'괜찮습니다. – peirix

+0

예, 확실합니다. – Red

답변

2

. 시도해보십시오. (# 대신 $)

$("#new_editor").live('click',function(){ 
    alert('test'); 
}); 
+0

나보다 앞서 : – peirix

+0

편집 - 죄송합니다. 실제로 그 실수는 잘못이 아닙니다. [실수를 입력하면 내 실제 코드는 다음과 같습니다. # 기호가 아니라 # $ 기호] – Red

0

은 흠 내가 여기 JSFIDDLE에 http://jsfiddle.net/j7W7U/2/

를 붙여 넣은 그리고 그것은 완벽하게 작동 ... 그래서 당신은 다른 곳에서 오류가 있고, 확인하지 않는 확인 것 같다 당신의 오류 콘솔 :


$ ("$의 new_editor") 살 ('클릭'기능() { 경고 ('테스트'); }).;

당신은 당신의 선택이 잘못 때문이다 그 # :

+0

편집 - 죄송합니다, 그게 실제로 실수가 아니 었습니다. 실수를 입력하십시오. 내 실제 코드는 #와 $ 기호가 아닙니다. – Red

+0

내 게시물 업데이트 : P –

+0

작동하지 않습니다. 통합되었습니다. http://codemirror.net/ 플러그인, 나는 그것이 나를 방해하고 있다고 생각합니다 ... – Red

1

와 $를 잘못 입력

$("#new_editor").live('click',function(){ 
alert('test'); 
}); 

해야한다. 당신의 선택에 #$ 스위치 :

$("#new_editor").... 
+0

EDIT - 죄송합니다, 실제로 그게 실수가 아니 었습니다. [실수를 타이핑하고, 내 실제 코드는 $ 기호가 아니라 #와] – Red

관련 문제