从页面加载div ..从类href

Question

我的页面有很多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>的变化进入第一个人的href的...

所以 包括/ page_3.html变为包括/ page_1.html 或者换句话说：所有的该modalboxes显示相同的内容...

$(this)给我含量不确定

任何将赞赏的帮助，感谢

Answer 1

里面的颜色框选项你已经参考$(".pop").attr('href')其中获得href属性的第一个.pop.pop元素。你必须把它包装成each方法的调用。

$(".pop").each(function() { 
    var el = $(this); 
    el.colorbox({ 
    href: el.attr('href') + " #mainColumn" 
    }); 
});