Javascript Lightbox gallery正在连接

我有3个div实现为（3个独立的库），通过点击按钮触发。因此，div最初设置为

display:none

。 我已经尝试通过下面的方法通过按钮点击触发div，这只是正常工作。但是，所有的3个画廊都被连接起来了，也就是说，在打开的模式中，它显示了其他div的图像。可能出了什么问题

脚本

    $('#button1').on('click', function() {
         $('#div1').show();
    });
    $('#button2').on('click', function() {
         $('#div2').show();
    });
    $('#button3').on('click', function() {
         $('#div3').show();
    });

为每个框使用data gallery=“example gallery”

like div1 boxes images should have  data-gallery="example-gallery1" attribute.
div2 boxes images should have data-gallery="example-gallery2" attribute.
div3 boxes images should have data-gallery="example-gallery3" attribute.

比如：

datagallery=“example-gallery1”
data gallery=“示例-gallery2”
data gallery=“示例-gallery3”

为每个框使用data gallery=“example gallery”

like div1 boxes images should have  data-gallery="example-gallery1" attribute.
div2 boxes images should have data-gallery="example-gallery2" attribute.
div3 boxes images should have data-gallery="example-gallery3" attribute.

比如：

datagallery=“example-gallery1”
data gallery=“示例-gallery2”
data gallery=“示例-gallery3”

你能创建一个工作示例吗？我不能重现问题。你能创建一个工作示例吗？我不能重现问题。不工作，这样，当我按下触发第一个div的按钮时，它确实会触发它并显示图库。但按下第二个按钮时，它会显示相同的图库（或div），而不是它应该触发的div。不工作，这样，当我按下触发第一个div的按钮时，它会触发它并显示图库。但按下第二个按钮，它会显示相同的图库（或div），而不是它应该触发的div。