Question

我正在尝试将一个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没有发生。任何帮助将不胜感激。

Answer 1

仅从活动项目中删除课程是否有意？在调用该代码之前，您可能会发现活动项已设置为非活动状态。如果要重置所有其他项目，可以使用

$(".yoxview").removeClass(".yoxview");

也不确定该课程的必要性 - 你试过吗

$(".active").yoxview();

addClass和removeClass问题

1 个答案: