jQuery가 추가 된 요소에 액세스 할 수 없습니다.

문제가 있습니다 ... 양식 요소를 jQuery가있는 페이지에 추가하고 있습니다. 그러나 js 양식 요소에 액세스 할 수 없습니다. DOM이로드되어 DOM에서 양식 요소를 사용할 수 없기 때문에 이것이라고 생각합니다. 이 문제를 해결할 수있는 방법이 있습니까? 내부에 Iframe을 추가 할 수는 있지만 실제로는 그렇지 않을 것입니다. Heres는 예를 들어 jQuery가 추가 된 요소에 액세스 할 수 없습니다.

...

<body> 

    <div id=wrapper> 
    </div> 
     <div onlclick='newInput()'> 
      Add Detail... 
     </div> 
    </body>

그리고 jQuery를 ...

function newInput(){ 

    var container = "<div id='input-container'><input id='input' type='text' value='insert new data here'></input><div id='submit onclick='submitInput()'>SUBMIT</div>"; 


    $('div#wrapper').append(container); 

    } 

    function submitInput(){ 

    var input = document.getElementById('input').value; 

    ....do stuff with ne input here.... 
    }

출처

2011-10-19 Christopher

왜 두 개의 작은 따옴표는 다음과 같이해야합니까?

onclick='submitInput()'' <---

js에서 오류가 발생하는 경우를 대비하여 콘솔에서 오류가 발생하지 않았는지 확인합니다. 귀하의 코드는 나를 위해 작동 http://jsfiddle.net/4xxGJ/

출처

2011-10-19 02:11:06

내 나쁜 이것은 단지 예입니다. 그러나 type 속성이 있기 때문에 아닙니다. 마치 원소 값이 존재하는 것과 같습니다. – Christopher

jQuery를 추가해도 입력이 DOM에서 보이지 않습니다. ID '입력'이 유효하지 않거나 입력이 유효하지 않은 것으로 확인되었습니다. 여기에 증거가 있습니다 : http://jsfiddle.net/fBghY/ –

Chris는 코드를 게시했습니다. 일부 오타가 수정되었습니다. http://jsfiddle.net/4xxGJ/ –

jQuery가 추가 된 요소에 액세스 할 수 없습니다.

답변

관련 문제