jquery - Foundation 4 - 触发清除灯箱

Question

我希望在单击不属于列表的图像时触发清除灯箱。这是我想触发灯箱的图片。

 <div id="mainpic" class="large-8 columns">
        <img src='. $url . '>
    </div>

还有我的灯箱。

<ul class="clearing-thumbs large-block-grid-5 small-block-grid-2" data-clearing>
<li><a href="' .$url . '"><img class="th" data-caption="'. $description .'" src="' . $url . '"></a></li> </ul>

谢谢你。

Answer 1

 <a href="#" class="open-clearing"  data-thumb-index="3">Show fourth image in clearing.  </a>
   <script>
   $('.open-clearing').on('click', function(e) {
   e.preventDefault();
   $('[data-clearing] li img').eq($(this).data('thumb-index')).trigger('click');
  });
 </script>

我用过这个。谢谢你。

Answer 2

似乎没有办法清除手动触发它以使用它提供的javascript打开。看来你将不得不做一个小工作，如果你的元素（图像）被点击，那么你可以在你的清除拇指上触发一个点击事件。

$("#mainpic").on('click', function(){
  $(".clearing-thumbs a").click();
});