javascript - fbAlbum2.js、引导工具提示和 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 初始化中调用工具提示函数时，不会在 magnific-popup 的弹出窗口中检索到 facebook 图像的标题。 http://jsfiddle.net/79RVw/4/

没有工具提示就可以了！http://jsfiddle.net/79RVw/5/

Answer 1

tooltip函数需要在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' }); 
                }
            });

Answer 2

使用带有数据原始标题的 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"} }); 
}