我有多个实例
<div class="picOuterDiv">
<a href="examplepage.php?var=1" class="iframe" > page one </a>
</div>
<div class="picOuterDiv">
<a href="examplepage.php?var=2" class="iframe" > page two </a>
</div>
现在我正在使用 jQuery colorbox 插件来创建 Lightbox。当我单击锚元素时,灯箱会打开,即 iframe 类的锚元素。它工作正常,直到这里,使用
$(".iframe").colorbox({iframe:true, width:"646", height:"675"});
我想要的是在单击父 div 时打开颜色框。单击 div 时,我使用以下代码触发锚元素 href,但显然仅 href 是不够的,单击的元素应该具有类 "iframe" 。所以它不适用于此代码。
$('.picOuterDiv').each(function(){
$(this).on('click', function(){
location.href = $(this).find('a').attr('href');
});
});
那么有人可以帮助我如何完成这项工作吗?我希望问题很清楚。先感谢您。
更新:http: //jsfiddle.net/VhkFN/3/