将插件应用于多个DIV

Question

我有以下内容：

<div class="gallery">
  <a href="http://via.placeholder.com/200x100?text=A1">
    <img src="http://via.placeholder.com/200x100?text=A1"/>
  </a>
  <a href="http://via.placeholder.com/200x100?text=A2">
    <img src="http://via.placeholder.com/200x100?text=A2"/>
  </a>
</div>

<div class="gallery">
  <a href="http://via.placeholder.com/200x100?text=B1">
    <img src="http://via.placeholder.com/200x100?text=B1"/>
  </a>
  <a href="http://via.placeholder.com/200x100?text=B2">
    <img src="http://via.placeholder.com/200x100?text=B2"/>
  </a>
</div>

然后使用http://dbrekalo.github.io/simpleLightbox我：

$('.gallery a').simpleLightbox();

但这使得画廊能够看到＆＃34;＆＃34;页面中的所有图像都是同一个图库。

我应如何致电simpleLightbox，以便将每个Gallery Div视为一个画廊？

请注意，我在页面中有两个以上的画廊。

Answer 1

您可以在.each上使用.gallery并启动个人a的{​​{1}}插件

.gallery