html FacetWP - 具有淡入淡出的Facet Loader

Posted 2021-05-10

<!-- FACETWP FACET LOADER WITH FADE -->
<script>
(function($) {
    $(function() {
        // Make checkbox options semi-transparent
        FWP.loading_handler = function(params) {
            params.element.find('.facetwp-checkbox').css('opacity', 0.7);
        }
    });
})(jQuery);
</script>

CSS:
/* FACETWP facet hide background animation on load */
.facetwp-overlay {
		background-color: transparent !important;
}