Twitter Bootstrap - 동적으로 변경되는 삽입 기능이 포함 된 툴팁

Question

툴팁 기능을 최대한 활용하려고 노력하고 있습니다. 툴팁 스타일이 마음에 들지만 다른 JS 라이브러리를 추가하지 않는 것이 좋습니다.

Fiddle은 설명이 필요하지만 툴팁이 표시되는 동안 삽입 요소가 JS로 변경 될 수 있도록하려고합니다.

Answer 1

위임 문제입니다. 트위터 부트 스트랩 Toolip은 동적 요소를 사용하여 DOM에 들어가 DOM을 떠납니다. 이것은 DOM 준비가되었을 때이 요소를 사용할 수 없다는 것을 의미합니다.

jQuery의 이벤트 위임이 빛나는 곳입니다.

$(document).on('click', '.insert', function() { 
    $(this).css('height', '200px'); 
}); 

아이디어는 클릭 핸들러를 정적 부모 요소에 첨부하는 것입니다. 이 방법을 사용하면 선택기의 범위에서 현재 및 미래의 모든 요소에 대해 메소드가 호출되도록 할 수 있습니다.이 경우에는 정확히 '.insert'