jquery - ファンシーボックスで外部リンクが機能しない

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

この例では、リンクと部門の両方に同じクラス名「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>