addClass和removeClass问题

Question

我正在尝试获得一个jQuery lightbox，Yoxview，与一个名为Contentflow的Coverflow图片库集成。我的问题是，我只想在内容流图像处于活动的居中状态时打开Yoxview lightbox。这允许点击横向图像，让它们流到活动的中心位置，所以我不想在lightbox中打开所有的图像，只打开活动的那个。

下面是我尝试使用的代码：

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>

它最初的效果很好，点击非活动图像将图像移动到中心，单击中心活动图像将在lightbox中正确打开，但在单击每个图像一次后，所有图像都将在lightbox中打开。看起来removeClass并没有发生。任何帮助都将不胜感激。

Answer 1

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

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

我也不确定这个类到底有多必要--你试过吗？

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