fbAlbum2.js, bootstrap-tooltip and Magnific-Popup
fbAlbum2.js, bootstrap-tooltip and Magnific-Popup
缩略图下的工具提示不起作用。知道为什么吗?
提示设置
$(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/
使用jsfiddle更新data-original-title: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"} });
}
工具提示函数需要在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' });
}
});
相关文章:
- facebook”;添加评论“;popup获胜'不要消失
- Selenium WebDriver and JavaScript change
- 从popup.js|Chrome扩展访问DOM
- PHP and Javascript functions
- 从Chrome扩展名中的popup.html文件在background.js文件中运行一个函数
- Javascript Return and if/else
- SetTimeout and clearTimeout in Javascript
- lightbox in html 5 and javascript
- Javascript - 当使用 Javascript 生成 HTML 元素时,Magnific Popup 不起作用
- 如何让 Magnific Popup 与 Browserify 一起工作
- Wordpress Custom Post Type Popup—jquery and ajax?
- 在 Magnific Popup 插件中使用时,无法从光谱拾色器插件中的文本框复制颜色
- 我无法让 Magnific Popup To Work (js noob)
- 如何在HTML中定义内联内容库,以便与Magnific Popup一起使用
- OpenLayers add Marker and Popup
- 为Magnific Popup定义Typescript文件
- Magnific Popup安装/初始化
- Magnific Popup iframe在内容变化时自动调整大小(跨域)
- 不能用Magnific popup和PHP样式我的DIV
- fbAlbum2.js, bootstrap-tooltip and Magnific-Popup