我在我的网页上使用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/
任何人都有解决方案吗? 感谢