jQuery-选择了过滤器的同位素过滤器加载页面

时间:2019-03-17 15:01:41

标签: jquery filter jquery-isotope isotope

我对Isotope和jQuery很陌生,并且在过滤页面加载结果时遇到麻烦。 同位素有效,但是当我尝试默认应用过滤器.155282971747-digital-marketing"(而不是*)时,页面加载时没有任何元素。

有关页面如下:https://kaffeogsanser.melt.dk#isotope

    if (typeof $.fn.isotope == 'function') {
    var $parent = $('.rt-isotope-wrapper'),
        $isotope;
    var blogGallerIso = $(".rt-isotope-content", $parent).imagesLoaded(function () {
        $isotope = $(".rt-isotope-content", $parent).isotope({
            filter: ".155282971747-digital-marketing",
            transitionDuration: "1s",
            hiddenStyle: {
                opacity: 0,
                transform: "scale(0.001)"
            },
            visibleStyle: {
                transform: "scale(1)",
                opacity: 1
            }
        });
    });
    $('.rt-isotope-tab a').on('click', function () {
        var $parent = $(this).closest('.rt-isotope-wrapper'),
            selector = $(this).attr('data-filter');

        $parent.find('.rt-isotope-tab .current').removeClass('current');
        $(this).addClass('current');
        $isotope.isotope({
            filter: selector
        });
        return false;
    });

    $(".hide-all .rt-portfolio-tab a[data-filter='.155282971747-digital-marketing']").remove();

    $(".hide-all .rt-portfolio-tab a").first().trigger('click');
}

0 个答案:

没有答案