fancybox rel =“group”不起作用

时间:2013-01-10 18:39:26

标签: jquery jquery-ui fancybox jquery-ui-accordion

演示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;
});

1 个答案:

答案 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>