灯箱画廊得到连接

我有3个div实施为lightbox gallery（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(); 
    });

来源

2017-10-04 Hritik Gupta

您可以创建一个工作示例，我不能重现该问题。 – bhansa

二手数据画廊= “例如画廊” 为每个盒子。

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.

像：

data-gallery="example-gallery1" 
data-gallery="example-gallery2" 
data-gallery="example-gallery3" 

<a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4"> 
       <img src="https://unsplash.it/600.jpg?image=251" class="img-fluid"> 
      </a>

来源

2017-10-04 19:55:29 sheraz

这种方式不起作用，当我按下触发第一个div的按钮时，它会触发它并显示画廊。但按下第二个按钮时，它会显示相同的图库（或div），而不是它应该触发的div。 –

为我提供你的html代码.. – sheraz

灯箱画廊得到连接

回答

相关问题