ajax에서 툴팁을 만드는 법

Question

Q1) 트위터 부트 스트랩의 tootltip을 사용하고 있습니다. 나는 그 내용이 ajax로 추가 될 때 작동하지 않는다는 것을 알아 차렸다. 인터넷 검색을 많이 한 후에, 해결책은 ajax 요청 후에 툴팁을 트리거하는 것으로 보입니다. 하지만 내 경우에는 프레임 워크 용 Ajax API에 의존하기 때문에 이것이 불가능합니다. 주변에 다른 작업이 있습니까?() 문서에 jQuery를에

$('.tootip').tooltip({placement:'left'}); 

Q2), 사용이

$(document).on(event, selector, function(){ //do stuff here }) 

으로 언급 그래서 내가해야 할이 무엇입니까?

$(document).on('ready', '.tootip', tooltip({placement:'left'})); 

하지만 작동하지 않습니다.

Answer 1

A1) ajax 호출에 제공하는 옵션/매개 변수 중 하나는 ajax 호출이 완료되고 성공할 때 트리거되는 콜백 함수입니다. 이 성공 콜백은 툴팁을 초기화해야합니다. 당신이 jQuery를 사용하는 경우 예를 들어
:

$.ajax({ 
    url: 'your url' 
    success: function(result) { 
     // do your sruff here. Result holds the return data of the ajax call 
    } 
}); 

A2)에 3'rd 매개 변수를 봐 : function(){ //do stuff here }. 함수를 제공해야합니다. 대신, 당신이 제공 한 것은 함수 tooltip({placement:'left'})을 호출 한 결과입니다.이 경우에는 함수가 아닌 객체를 반환합니다. 당신은 어떻게해야 : 귀하의 코멘트에 대한

$(document).on('ready', '.tootip', function() { 
    $('.tootip').tooltip({placement:'left'}); 
}); 

업데이트 : 함수 내부
을 성공 콜백 또는 이벤트 기능이 있는지 여부, 당신은 당신이 전화 여러 기능을 포함 원하는대로 수행 할 수 있습니다

$(document).on('ready', '.tootip', function() { 
    // Do many operations as much as you like here 
    func1(); 
    func2(); 
}); 

$.ajax({ 
    url: 'your url' 
    success: function(result) { 
     // Do many operations as much as you like here 
     func1(); 
     func2(); 
    } 
}); 

희망이 도움이됩니다!