2012-06-19 74 views
1

我有一個圖片庫頁面,其中每個圖像都可以用多個標籤「標記」。每個標籤按鈕都顯示在一個標籤欄上。默認情況下會顯示所有圖像,但是當單擊一個標籤按鈕時,只會顯示帶有該標籤的圖像。從鏈接中刪除lightbox行爲

我使用jQuery燈箱插件展示大圖像的版本,我想看看在燈箱所有選定的圖像(通過點擊一個/下一個鏈接)。

$(document).ready 
(
    function() 
    { 
     // this works ok 
     $('#gallery div a').lightBox(); 
    } 
); 

一切都很好,直到我過濾圖像。默認情況下,所有圖像都可以在lightBox中使用(並且我希望lightBox僅具有那些已過濾的圖像)。

我甚至試圖做這個過濾器事件:

$('#gallery div.' + tag + ' a').lightBox(); 

其中「標籤」是隻包含有源標籤由畫廊中的圖像進行過濾的字符串。這工作有點見不得人,因爲燈箱正確顯示只有通過過濾的圖像,但它有一些奇怪的行爲:

調整時,下一個圖像框
  • ,動畫是一個有點混亂的
  • 圖像計數器顯示第一狀態的結果(例如25 7),然後經過濾的一個(9實施例7)

我的實際問題是:

  • 有一種方法,以除去燈箱行爲一旦被設置在鏈接上?
  • 是否有燈箱的替代,只是爲了能夠輕鬆地「拔掉」了嗎?

回答

0

這將禁用燈箱的行爲(因爲它似乎只是一個Click事件處理程序):

$('#gallery div a').unbind('click'); 

然後,以下的作品就像一個魅力:

$('#gallery div.' + tag + ' a').lightBox();