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

Question

我正在使用Isotope對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});
}

對於此腳本，我認為按鈕“所有”的數據過濾器值必須為空（而不是“ *”）。