同位素-组合（按钮）除复选框，UI滑块外不起作用

Question

我正在尝试使Isotope插件同时使用组合复选框，按钮和UI滑块进行过滤，但是我对按钮如何与复选框和ui滑块连接感到不确定，并且不确定如何去做。

这是我的问题code pen isotope

的链接

<div id="options">
<div class="option-set" data-group="category">
    <input type="checkbox" value="" id="category-all" class="all" checked />
    <label for="category-all">all category</label>
    <input type="checkbox" value=".car" id="car" />
    <label for="car">Car</label>
    <input type="checkbox" value=".motorcycle" id="motorcycle" />
    <label for="motorcycle">Motorcycle</label>
    <input type="checkbox" value=".kid-toys" id="kid-toys" />
    <label for="kid-toys">Kid Toys</label>
</div>
<div class="option-set" data-group="brand">
    <input type="checkbox" value="" id="brand-all" class="all" checked />
    <label for="brand-all">all brand</label>
    <input type="checkbox" value=".honda" id="honda" />
    <label for="honda">Honda</label>
    <input type="checkbox" value=".toyota" id="toyota" />
    <label for="toyota">Toyota</label>
    <input type="checkbox" value=".mitsubishi" id="mitsubishi" />
    <label for="mitsubishi">Mitsubishi</label>
</div>
<div class="option-set" data-group="model">
    <input type="checkbox" value="" id="model-all" class="all" checked />
    <label for="model-all">all model</label>
    <input type="checkbox" value=".karimun" id="karimun" />
    <label for="karimun">Karimun</label>
    <input type="checkbox" value=".pajero" id="pajero" />
    <label for="pajero">Pajero</label>
    <input type="checkbox" value=".alphard" id="alphard" />
    <label for="alphard">Alphard</label>
</div>

如果有人能帮助您，将不胜感激。