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