我正在尝试让 jQuery 灯箱 Yoxview 与名为 Contentflow 的 Coverflow 图像库集成。我的问题是我只希望在内容流图像处于活动、居中状态时打开 Yoxview 灯箱。这允许单击横向图像以使它们流入活动的中心位置,因此我不希望每个图像都在灯箱中打开,只打开活动的图像。
这是我尝试使用的代码:
new ContentFlowAddOn ('yoxview', {
ContentFlowConf: {
onclickActiveItem: function (item) {
$('.active').removeClass("yoxview").addClass("yoxview");
$(".yoxview").yoxview();
},
onclickInactiveItem: function (item) {
$('.active').removeClass("yoxview");
$('a').click(function (e) {
e.preventDefault();
});
}
}
});
HTML 是:
<a class="item" href="pics/pic0.png"><img class="content" src="pics/pic5.png" alt="First" title="The first image" /></a>
最初效果很好,因为单击非活动图像将图像移动到中心并单击中心活动图像会在灯箱中正确打开,但是在单击每个图像一次后,所有图像都将在灯箱中打开。似乎 removeClass 没有发生。任何帮助,将不胜感激。