2010-11-05 134 views
1

我想獲得一個jQuery的Lightbox,Yoxview,與一個名爲Contentflow的Coverflow圖片庫集成。我的問題是,我只想在內容流圖像處於活動中心狀態時打開Yoxview燈箱。這允許點擊橫向圖像使它們流入活動的中心位置,所以我不希望每個圖像在燈箱中打開,只有活動的一個。addClass和removeClass問題

這裏是代碼我想使用:

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沒有發生。任何幫助,將不勝感激。

回答

1

是否有意僅從活動項目中移除課程?在調用該代碼之前,您可能會發現活動項目已被設置爲非活動狀態。如果要重置所有其他項目,你可以使用

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

還不能確定類是多麼必要無論如何 - 你試過

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

感謝您的建議。不幸的是,這似乎沒有改變行爲。 – Macsupport 2010-11-05 14:10:55

+0

我建議在firebug中查看它 - 檢查正在應用的類/樣式,並確保您正在添加/刪除正確的類。 – 2010-11-07 23:15:48