jquery - Foundation 4-触发清除灯箱

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

 <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>

谢谢。

最佳答案

 <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>

我用了这个。谢谢。