外部链接无法在fancybox中运行

Question

是否有嵌入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/

Answer 1

删除以下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

Answer 2

在给定的示例中，您为链接和分区指定了相同的类名“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>