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代碼！

編輯： 在fbAlbum初始化中調用工具提示功能時，在彈出的窗口中不會檢索到facebook圖像的標題。 http://jsfiddle.net/79RVw/4/

沒有工具提示它！ http://jsfiddle.net/79RVw/5/

Answer 1

更新與數據原標題的jsfiddle： 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（）。

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' }); 
       } 
      });