Question

我有一个页面，我想要一个文本链接和一个图像链接打开相同的iframed页面，但只有第一个链接（p）正在工作。该图像链接会打开颜色框并显示标题应该，但只是不显示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

检查您的HTML，有一个双'＆gt;'某处可能会引起麻烦..

Answer 2

尝试将此分配给锚点，而不是图像：

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

通过将此分配给图像，会发生两次点击事件 - 首先是图像的第二个是链接，所以可能是“切换”幕后的东西。

你也可以让return false取消任何进一步的点击事件来解决这个问题，但在你的情况下，最好只处理一个事件开始。

2在同一页面上调用iframed colorbox - 只有1个工作

2 个答案: