我的页面有很多div用<a href>
来打开modalboxes(colorbox)。这些链接打开的页面有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"
});
<a>
的al的href变成第一个......
所以 include / page_3.html更改为includes / page_1.html 或换句话说:所有模态框都显示相同的内容......
$(this)
给我内容未定义
感谢任何帮助,谢谢
答案 0 :(得分:7)
在colorbox的选项中,您引用了$(".pop").attr('href')
,其中第一个 href
元素的.pop
属性。你必须把它包装成调用each
方法。
$(".pop").each(function() {
var el = $(this);
el.colorbox({
href: el.attr('href') + " #mainColumn"
});
});