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

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