Question

我正在尝试使用http://miromannino.github.io/Justified-Gallery/为我的投资组合网站制作一个可过滤的图库

<button id="Gallery-1" >Gallery 1</button>

这个想法是当我点击图库1的按钮时，它只显示带有class =＆＃34; Gallery-1＆＃34; （过滤：＆＃39;。画廊-1＆＃39;）

$('button').click(function(){
    $('#mygallery').justifiedGallery({
        rowHeight : 200,
        lastRow : 'justify',
        margins : 30,
        filter: '.Gallery-1'
    })
})

是否可以将点击的按钮的ID分配给＆＃34;过滤＆＃34;？怎么可以这样做？

Answer 1

您可以获取所点击元素的id：

$('button').click(function(){
    var id = $(this).attr('id');
    // etc.
});

然后只需将.添加到其中，您就可以将其用作类过滤器：

$('button').click(function(){
    var id = $(this).attr('id');
    $('#mygallery').justifiedGallery({
        rowHeight : 200,
        lastRow : 'justify',
        margins : 30,
        filter: '.' + id
    })
});

在点击事件上分配ID

1 个答案: