jquery - 外部链接在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

摆脱class="show_popup"以下 HTML 上的代码：

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

所以，应该是这样的：

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

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

工作的jsFiddle

Answer 2

在给定的示例中，您为链接和分区提供了相同的类名“show_popup”。因此，即使您单击“外部链接”， division.fancybox(); 正在打电话。请更改师类名称并尝试。

小提琴。请检查小提琴链接。

<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>