Jquery 基础4 -触发清除灯箱

Jquery 基础4 -触发清除灯箱,jquery,zurb-foundation,Jquery,Zurb Foundation,我希望在单击列表中不包含的图像时触发清除灯箱。 这是我想触发灯箱的图片 <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="'

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

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

还有我的灯箱

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

谢谢。

似乎没有一种清除的方法可以使用它提供的javascript手动触发它打开。看起来你需要做一些小的工作,如果你的元素(图像)被点击,那么你可以在你的拇指上触发一个点击事件

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

$('open clearing')。在('click')上,函数(e){
e、 预防默认值();
$('[data clearing]li img').eq($(this).data('thumb-index')).trigger('click');
});
我用了这个。多谢各位