我有一个iframe弹出窗口列表,我正在使用data-fancybox-group =“gallery”,以便用户可以左右浏览内容。此列表所在的页面也位于iframe中。这样做的原因是主标题不会重新加载,因为它需要通过soundcloud播放连续音乐。我不得不修改$('。fancybox')。fancybox();使iframe内容自动调整大小以适应内容并显示在父框架之外。但是,此修改后的脚本会阻止按钮功能工作。这是我的代码,基本上我需要让iframe按钮功能像画廊一样......
<script type="text/javascript">
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').click(function(e){
e.preventDefault();
parent.$.fancybox({'href' : this.href,
'type':'iframe',
autoSize : false});
//fancybox
return false;
}); //click
/*$('.fancybox').fancybox();*/
/*
* Button helper. Disable animations, hide close button, change title type and content
*/
parent.$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : {
type : 'inside'
},
buttons : {}
},
afterLoad : function() {
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
}
});
});
</script>