從頁面加載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" 
    }); 
});