Foundation 4 - 触发清除灯箱答案

【问题标题】：Foundation 4 - trigger Clearing LightboxFoundation 4 - 触发清除灯箱
【发布时间】：2014-01-19 17:07:22
【问题描述】：

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

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

谢谢。

【问题讨论】：

标签： jquery zurb-foundation

【解决方案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>

我用过这个。谢谢。

【讨论】：

【解决方案2】：

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

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

【讨论】：