jquery - ページからdivをロードします。クラスのhrefから

Question

私のページには、<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"
    });

のすべてのhref<a>は最初のものに変わります...

つまり、includes/page_3.htmlはincludes/page_1.htmlに変更されます。つまり、すべてのモーダルボックスに同じコンテンツが表示されます...

$(this)未定義のコンテンツをくれます

助けていただければ幸いです、ありがとう

Answer 1

最初の要素の属性$(".pop").attr('href')を取得する、参照したカラーボックスのオプション内。メソッドの呼び出しにラップする必要があります。href .popeach

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