FancyBox退出IFRAME回调
FancyBox out of IFRAME callback
我从IFRAME调用fancybox,并将其显示在IFRAME之外-它可以工作。但是我的回调函数有问题。[我使用的是FanxyBox 2]
我想修改上一个/下一个按钮的不透明度和悬停行为回调函数,但它什么也不做。
Iframe演示[点击图片]:http://keramika.dtech.sk/Keramika/Svietidla_Lampy.html
我在这个"非IFRAME"演示中实现了正确的行为:http://keramika.dtech.sk/test.html
据我所知,回调函数是从"父"的角度运行的,所以调用$(".fancybox-prev")是正确的(并没有超出范围)。
"afterShow"回调:
'afterShow': function(){
$(".fancybox-prev").css({"opacity": 0.1, "left":"-20px"});
$(".fancybox-prev").hover(function(){
$(this).css({"opacity": 0.6}); },
function(){ $(this).css({"opacity": 0.1});
});
这里有一个更大的代码部分:
$(document).ready(function() {
$('#launcher').click(function(e){
e.preventDefault();
parent.jQuery.fancybox( [
{href:'/Keramika/Media/lampy/800x600/luci_obr2.jpg', title: '01'},
{href:'/Keramika/Media/lampy/800x600/luci_obr3.jpg', title: '02'},
{href:'/Keramika/Media/lampy/800x600/luci_obr4.jpg', title: '03'}
],
{
'afterShow': function(){
$(".fancybox-prev").css({"opacity": 0.1, "left":"-20px"});
$(".fancybox-prev").hover(function(){
$(this).css({"opacity": 0.6}); },
function(){ $(this).css({"opacity": 0.1});
});
...
我建议使用CSS进行样式设置-http://jsfiddle.net/rNM8Z/
相关文章:
- AngularJS:我可以跳过函数参数回调吗
- 要求未定义JS回调参数
- MeteorJS:在带有回调的vzaar api上正确使用wrapAsync
- 自引用回调
- 测试Angular Service解决错误回调中的promise
- 如何将一个JavaScript函数回调为多个函数
- JavaScript回调函数
- 用于回调的javascript参数
- 将json回调数据转换为日期
- 承诺在非节点式回调上使用Bluebird
- FancyBox退出IFRAME回调
- Iframe 加载回调被多次调用
- 在带有数据的iframe中的JSONP中没有回调
- iFrame 中的 cordova 回调
- 每当重新加载iframe时需要回调
- 如何避免ASP.NET主页中的iframe回调
- 隐藏iframe chrome回调未触发
- 加载iframe后,回调函数不运行
- 当使用回调函数时,JavaScript如何从不再在DOM中的iframe访问元素?
- IFRAME加载完成时的Javascript回调