同じページでiframeされたcolorboxを2回呼び出す - 1つしか動作しない

Question

私はテキストリンクが必要なページを持っていて、画像リンクは最初のリンク（p）だけが動作しているのと同じiframeページ を開きます。 画像リンクでは、カラーボックスが開き、タイトルは と表示されますが、iframeのコンテンツは表示されません。完全に空白です。

$("body.mediaPackPage p.genericLinkButton a, 
body.mediaPackPage .rightImageColumn a img").colorbox({width:"90%", 
height:"90%", iframe: true, title: "Online Media 
Pack"}); 

    <p class="genericLinkButton"><a href="media_pack/index.html">Online Media Pack magazine <span class="smallArrow">></span></a></p> 
<div class="rightImageColumn"><a href="media_pack/index.html"><img src="/img_middleColumn/media-pack.jpg" alt="Media Pack" /></a></div> 

おかげ

Answer 1

はアンカーではなく、画像にこれを代入してみてください割り当てることで

$("body.mediaPackPage p.genericLinkButton a, body.mediaPackPage .rightImageColumn a").colorbox(...); 

これはイメージに2つのクリックイベントが発生します - 最初は画像の2番目のリンクですので、おそらくそれは "背後にあるもの"を "トグル"しています。

return falseをクリックしてクリックイベントをキャンセルすることもできますが、最初に1つのイベントだけを処理する方がよい場合もあります。

Answer 2

は、あなたのHTMLをチェックし、トラブルを引き起こす可能性があり、二重「>」どこがあります。..