1

我有多个实例

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

4

2 回答 2

6
$('.picOuterDiv').click(function() {
   window.location.href=$(this).find('a').attr('href');
});​

你的小提琴有几个问题。首先“var arr[]”不正确。其次,超链接没有任何onclick属性,因此触发点击不会起太大作用。您需要改为获取其 href 属性。

演示:http: //jsfiddle.net/VhkFN/4/

于 2012-11-26T22:55:49.920 回答
0

这对我有用。正如我所说,我正在使用 jquery colorbox。

$(".picOuterDiv").click(function () {
   var anchorHref = $(this).find('a').attr('href');
   $(this).colorbox ({iframe:true, width:"646", height:"675", href: anchorHref});
});
于 2012-11-27T11:45:32.460 回答