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初始化中调用tooltip函数时，在popific-popup的弹出窗口中不会检索facebook图像的标题。 http://jsfiddle.net/79RVw/4/

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

Answer 1

工具提示功能需要在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

使用带有data-original-title的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"} }); 
}

fbAlbum2.js，bootstrap-tooltip和Magnific-Popup

2 个答案: