同位素内联样式不受影响

时间:2019-05-09 14:56:27

标签: javascript jquery css display

因此,我正在使用同位素进行过滤,并遇到一个问题,即如果我单击所有选项卡display: none,我想在所有文章中完全删除它。

我尝试了以下方法,但是仍在应用内联样式。

<script>
  document.body.addEventListener('click', function(e){
    var postsGrid = $('.posts-grid article');

    if(e.target.getAttribute('data-filter') === "all"){
      $(postsGrid).getAttribute('data-category', 'all').removeProperty('display');
      console.log('show');
    } else {
      $(postsGrid).getAttribute('data-category', 'all').removeProperty('display');
      console.log('hide');
    }
  });
</script>

所有其他标签都可以正常工作,但是我想确保单击“全部”标签时所有文章都显示出来,因为当前由于添加display: none而没有显示任何内容。

0 个答案:

没有答案