演示:Page URL
我们已经集成了fancybox和jquery手风琴,它可以正常工作。
我们的挑战是,当您点击照片并打开fancybox时,我们希望手风琴盒保持打开状态。它似乎现在有效,除了我们自己的脚本影响了fancybox的rel =“group”功能。请参阅下面的脚本。你们这里有谁知道为什么这不起作用?
$(".fancybox").click(function(event) {
$('body').append('<a id="temp_fv" class="fancybox" rel="'+$(this).attr('rel')+'" href="'+$(this).attr('href')+'" >fancyview</a>')
$("#temp_fv").fancybox().trigger('click');
$('#temp_fv').remove();
event.stopImmediatePropagation();
return false;
});
答案 0 :(得分:2)
似乎nivo滑块插件正在使用rel
属性来制作图片之间的过渡,并且它为fancybox保留了空白。
要解决此问题,请添加data-fancybox-group
属性,而不是
<a href="http://billeder.bilinfo.dk/billeder900/1058700044_1.jpg" data-fancybox-group="group1" class="fancybox"><img src="http://billeder.bilinfo.dk/billeder150/1058700044_1.jpg"></a>