同位素 - 單選按鈕+組合濾清器

Question

我正在整理WordPress的職位與同位素的集合。

我需要使用組合過濾器，結合鏈接列表與一組單選按鈕。使用這個例子（http://bit.ly/1Rgf45i），我增加了單選按鈕能力，我還發現了組合過濾器這個例子（http://bit.ly/1VXbtug），但我不知道如何將兩者結合起來。誰能幫忙？查看開發站點鏈接的評論 - 我沒有足夠的經驗發佈第三個鏈接。謝謝！

Answer 1

你需要創建一個函數，它收集所有的選擇按鈕的過濾器值，並將其命名爲上點擊任何過濾器按鈕（如$(this).addClass('selected')行之後）。

我做的代碼示例給你，但也許必須爲您的網站稍微編輯。

function allfilters() { 
    buttonFilter = ''; 

    $('.button.selected').each(function() { 
     if($(this).attr('data-filter')) { 
      buttonFilter += $(this).attr('data-filter'); 
     } 
    }); 

    $('.isotope').isotope({filter: buttonFilter}); 
} 

對於這個腳本，我認爲按鈕「Everything」的數據過濾值必須是空的（不是「*」）。