所有物品的同位素等高

时间:2016-06-09 06:06:42

标签: css height jquery-isotope

我在我的网页上使用jQuery同位素。 我知道同位素是如何工作的,但我需要所有元素的高度相等 或加倍高度,使所有线条直线在元素的底部。

这是我想要完成的任务:
http://prntscr.com/be5qcm

这是我的实况页面:
http://www.clients.tipoos.com/contini-project/single-artists.html

这是我的代码:

$(".single-artist-wrapper").isotope({
    itemSelector: ".artist-box",
    masonry: {
        columnWidth: 1
    }
    });

    var $grid2 = $(".single-artist-wrapper").isotope({});

    $(".single-artist-nav").on("click", "a", function() {
        var a = $(this).attr("data-filter");
        $grid2.isotope({
            filter: a
        });
    });

    var $optionSets = $(".single-artist-nav"), $optionLinks = $optionSets.find("a");

    $optionLinks.click(function() {
        var a = $(this);
        if (a.hasClass("selected")) return false;
        var b = a.parents(".single-artist-nav");
        b.find(".selected").removeClass("selected");
        a.addClass("selected");
    });

这是一个小提琴的例子:
https://jsfiddle.net/hamergil/5m3Lxvrs/8/

任何人都有解决方案吗? 感谢

0 个答案:

没有答案