fbAlbum2.js, bootstrap-tooltip 및 Magnific-Popup

Question

축소판 그림 아래의 툴팁이 작동하지 않습니다. 이유가 무엇입니까?

툴팁 설정

$(document).ready(function(){ 
    $("[rel=tooltip]").tooltip({ 
    delay:{show: 300, hide: 150}, 
    placement: 'bottom' 
    }); 
}); 

fbAlbum2 설정

$(document).ready(function(){ 
    $('#fbAlbumI').fbAlbum({ 
    'albumID':'10150302289698306', 
    'rel':'tooltip', 
    'callback': function(){ //code that loads after the album must go here 
     $(".album a").magnificPopup({type: 'image' }); 
    } 
    }); 
}); 

http://jsfiddle.net/79RVw/1/

지저분한 CSS 코드에 대한 죄송합니다!

EDIT : fbAlbum 초기화에서 툴팁 기능을 호출하면 magnific-popup의 팝업 창에서 페이스 북 이미지 제목이 검색되지 않습니다. http://jsfiddle.net/79RVw/4/

툴팁이 없습니다! http://jsfiddle.net/79RVw/5/

Answer 1

업데이트 : http://jsfiddle.net/79RVw/7/

'callback': function(){ //code that loads after the album must go here 
      doTooltip(); 
      $(".album a").magnificPopup({type: 'image', image: {titleSrc: "data-original-title"} }); 
} 

Answer 2

모든 이미지가 fbAlbum에 의해로드 된 후 툴팁 기능이 실행되어야하므로 콜백 함수 내부에서 툴팁 기능이 실행되어야합니다.

jsfiddle에서 수행 한 작업 : http://jsfiddle.net/79RVw/3/은 doTooltip 함수를 만든 다음 doTooltip()을 콜백 내부에서 호출하는 것입니다. 데이터 원본 제목과 jsfiddle와

function doTooltip() { 
    $("[rel=tooltip]").tooltip({ 
       delay:{show: 300, hide: 150}, 
       placement: 'bottom' 
    }); 
} 
      $('#fbAlbumI').fbAlbum({ 
       'albumID':'10150302289698306', 
       'rel':'tooltip', 
       'callback': function(){ //code that loads after the album must go here 
        doTooltip(); 
        $(".album a").magnificPopup({type: 'image' }); 
       } 
      });