外部链接无法在fancybox中运行

时间:2013-09-09 04:40:10

标签: jquery fancybox

是否有嵌入fancybox的链接设置? 我的链接无效

的HTML

<button href="#show_popup_link" class="show_popup">Click to open Fancybox</button>
<div id="show_popup_link" class="show_popup" style="display: none;">
    Hello, I need this link to work this 
    <a href="http://www.google.com">External Link</a>
</div>

的jQuery

$(document).ready({
    $(".show_popup").fancybox();)
};

Fancybox打开但链接似乎不起作用。

Jsfiddle链接:
http://jsfiddle.net/n2dHC/7/

2 个答案:

答案 0 :(得分:3)

删除以下HTML上的class="show_popup"代码:

<div id="show_popup_link" class="show_popup" style="display: none;">

所以,应该是这样:

<div id="show_popup_link" style="display: none;">

因为您在button元素上定义了相同的类名,这会导致fancybox再次尝试打开它,但不能因为它已经打开了。

Working jsFiddle

答案 1 :(得分:1)

在给定的示例中,您为链接和分区指定了相同的类名“show_popup”。所以即使你点击“外部链接”division.fancybox();正在打电话。请更改部门类名称并尝试。

FIDDLE。请检查小提琴链接。

<div id="show_popup_link" class="show_popup11" style="display: none;">
    Hello, I need this link to work 
    <a href="http://www.google.com" target="_blank">External Link</a>
</div>