Question

今天我不得不将一些图像设置为galery。在这个网站的移动版本我不得不堆叠图像，因为它不可能在4行或其他东西中显示它们。

然而，移动视图的图像相当高（350像素），所以我决定将它们缩小到100px的高度，并使它们可以点击以扩展到它们的全高。

我这样做只是添加或删除一个名为“extended”的类，它将高度再次设置为350px。

我使用的JavaScript有效，但我不确定这是否是您所谓的最佳做法，或者是否可以更轻松地完成：

$('.galery__img--fragrance').on('click', function() {
    if($(this).hasClass('extended')) {
      $(this).removeClass('extended');
    } else {
      $(this).parent().find('.extended').removeClass('extended');
      $(this).addClass('extended');
    }
  });

我希望这个问题不是多余的，但我是JS / jQuery的新手，我想做得对： - ）

编辑：也许我应该提到我想让图片再次点击或者点击其他图片时折叠到100px的高度

Answer 1

使用readWrite函数同时添加/删除类：

Command aggregate failed: not authorized on DB to execute command { aggregate: "Customer", pipeline: [ { $limit: 250 }, { $group: { _id: 1, __result: { $sum: 1 } } } ], cursor: {} }

jQuery |单击|添加/删除类最佳实践

1 个答案: