使用css / js复选框

Question

我想使用css / js（css上的filter-item）重新设计一个复选框：

$link .= '<div class="sidebar-link"><input type="checkbox" name="filter" value="'.$category['name'].'" class="filter-item">'.ucfirst($category['name']).'</div>';

一切都还可以，除了结果不再使用我的函数进行过滤：

$(document).on('click', '.filter-item', function(e) {
    var filters = '';
    $('[name=filter]:checked').each(function() {
        if (filters.length > 0) {
            filters += ',';
        }
        filters += $(this).val();
    });
    var types = '';
    $('[name=type]:checked').each(function() {
        if (types.length > 0) {
            types += ',';
        }
        types += $(this).val();
    });
    exploreMultipleFilters(filters, types);
});

嗯，我是新手，但我想我必须改变'点击'功能？

感谢所有人。