0

我的页面有很多带有<a href>'s 的 div 来打开模态框(颜色框)。这些链接打开的页面有一个id="mainColumn". 只需从此 id 加载内容。

<div>                       
<a href="includes/page_1.html" class="pop"></a>
</div>

<div>                       
<a href="includes/page_2.html" class="pop"></a>
</div>

<div>                       
<a href="includes/page_3.html" class="pop"></a>
</div>


 $(".pop").colorbox({
    href: $(".pop").attr('href') + " #mainColumn"
    });

al的href<a>变成了第一个...

因此,includes/page_3.html 更改为 includes/page_1.html 或换句话说:所有的模态框都显示相同的内容......

$(this)给我未定义的内容

任何帮助将不胜感激,谢谢

4

1 回答 1

7

在 colorbox 的选项中,您引用了第一个元素的$(".pop").attr('href')哪个 gethref属性。您必须将其包装到方法调用中。 .popeach

$(".pop").each(function() {
  var el = $(this);
  el.colorbox({
    href: el.attr('href') + " #mainColumn"
  });
});
于 2012-08-04T15:51:20.030 回答