Проблема addClass и removeClass

Question

Я пытаюсь получить лайтбокс jQuery Yoxview для интеграции с галереей изображений Coverflow под названием Contentflow.Моя проблема в том, что я хочу, чтобы лайтбокс 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();