동적으로 추가 된 요소에 리스너 추가

Twitter Bootstrap의 선행 정보를 사용하는 javascript/jQuery 페이지가 있습니다. 거기에 두 가지 별도의 장소 자바 스크립트에서 어디에 내가 typaheads되고 싶은 요소를 추가 할 수 있습니다. 주관적인 대답을 요구하지 않고, 입력을 동적으로 선행 기입으로 등록하는 좋은 방법은 무엇입니까? 그들에게 모든 ID를주고 등록 할 때마다 등록하십시오. .on()으로 할 수있는 마법이 있습니까?동적으로 추가 된 요소에 리스너 추가

출처

2013-02-26 tubaguy50035

요소는 DOM 메소드 ('.createElement' 등) 또는 String과'.innerHTML' /'.html()'으로 구성되어 있습니까? –

.append가있는 문자열 – tubaguy50035

jQuery 위임을 사용하면 위임을 할 수 있습니다. 예를 들어 :

$("#element-that-will-contain-typeaheads").on("DOMNodeInserted", function() { 
    $(this).find(".typeahead").typeahead(); 
});

출처

2013-02-26 16:50:30 KaeruCT

그러나 청취자가 아니기 때문에 이것은 작동하지 않습니다. '.typeahead'는 레지스터이고, 이해할 수 있듯이'.on()'안에있을 수 없습니다. – tubaguy50035

DOM 노드를 삽입 할 때 내 대답을 편집 할 수있는 이벤트가 있습니다 – KaeruCT

".typeahead"를 "다시 등록"해야한다고 생각합니까? – tubaguy50035

가장 간단한 방법, 즉, 당신은 당신이 bootstrap typeahead

요소하려고 추가 적용 할 입력 요소를 추가하는 방법을 이해할 필요가 typeahead, datepicker etc

먼저 작동합니다 아래처럼 뭔가를 이루십시오 :

//add this in your add button click handler 
$tinput = $('<input type="text" name="bootstrap" class="typeahead"/>'); 

//apply bootstrap typeahead 
$tinput.typeahead();

이렇게하면 효과가 있습니다. 다른 사람들에게 도움이 될 것이라고 생각합니다.

출처

2016-11-09 05:54:43

동적으로 추가 된 요소에 리스너 추가

답변

관련 문제