2013-09-27 60 views
0

我有一個圖片庫的頁面,我正在使用jquery wookmark插件,並進行過濾。然後我想使用插件colorbox(這個wookmark已經在他們的插件中提供了一個例子),並且我能夠加入colorbox和過濾系統。在我腦海中的問題是,當我只是一個過濾器,而不是50張照片來顯示,只有5可見,我怎麼說colorbox只顯示這5個?jquery事件不起作用我第二次稱它爲

所以我初始化顏色框是這樣的:

$('li a').colorbox({ 
     rel: 'lightbox', scalePhotos: true, maxWidth: '80%', maxHeight: '80%' 
    }); 

然後在過濾器的單擊事件,我認爲最好的辦法是,每當有一個點擊,從所有影像的顏色框,並初始化顏色框再次只適用於活動課堂裏面的項目,像這樣:

var onClickFilter = function(event) { 

     var item = $(event.currentTarget), activeFilters = []; 
     item.toggleClass('active'); 

     // Collect active filter strings 
     filters.filter('.active').each(function() { 
     activeFilters.push($(this).data('filter')); 
     }); 

     handler.wookmarkInstance.filter(activeFilters, 'or');  

    //here i remove colorbox from every item 
     $.colorbox.remove();   

     //here i instantiate colorbox for active item 
    $('#tiles li.active a').colorbox({ 
     rel: 'lightbox', scalePhotos: true, maxWidth: '80%', maxHeight: '80%' 
     }); 
    } 

而且這種有效!例如,我使用100個圖像加載頁面,colorbox圖庫顯示100個圖像以顯示;我點擊一個過濾器,我得到10個可見的圖像,colorbox提供10個圖像顯示,我點擊另一個過濾器添加更多的圖像,我得到24圖像可見,colorbox刷新它的畫廊到24.事情是,如果我再次點擊相同的最後一個過濾器去激活它,colorbox不再看到只有10個圖像,但24。

回答

0

嗯,實際上我發佈的是正確的。如果有人想使用它,我很樂意提供幫助。但是我發現我的問題不是我描述的問題。

Wookmark插件,只添加和刪除類不活動。所以在wookmark的js中,當物品處於非活動狀態時,我並沒有移除班級活動。他們我們都留在這兩個班,並且因爲活動沒有屬性我沒有看到。感謝您的幫助(頭腦風暴)...

相關問題