1

次のことをしようとしています: 私のページには、モーダルボックス (カラーボックス) を開くための div がたくさんあります。これらのリンクが開くページには、id="mainColumn" が設定されています。コンテンツは、この ID からロードするだけで済みます。

私はこれを持っています：

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

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

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


 $(".modal").colorbox({
    width:900,
    href: $(".modal").attr('href') + " #mainColumn"
    });

それはうまく機能します...すべてのhrefが最初のものに変わることを除いて...

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

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

4

3 に答える 3

1

$(this)現在の（クリックされた）ものを取得するために使用します

$(".modal").colorbox({
    width:900,
    href: $(this).attr('href') + " #mainColumn"
});
于 2012-08-04T14:39:24.713 に答える
0

あなたはこれを行うことができます：

$(".modal").colorbox({
    width:900,
    href: function(){ return $(this).attr('href') + " #mainColumn"; }
});

またはこれ：

$(".modal").each(function(){
    $(this).colorbox({
        width:900,
        href: $(this).attr('href') + " #mainColumn"
    });
});
于 2012-08-04T17:53:24.360 に答える
0 
$(".pop").each(function() {
  var el = $(this);
  el.colorbox({
    href: el.attr('href') + " #mainColumn"
  });
});
于 2012-08-04T16:51:52.433 に答える