fancybox div中的本地链接不起作用

Question

Hidden div for Fancybox (v2) usage:

<div id="embargomsg" style="display:none">
    <h1 class="entry-title">You Can't Use That Yet</h1>
    <p>That's the special stuff.</p>
    <h2 class="pitch">New to the Site?</h2>
    <p class="pitch"><a class="button secondary promo" href="/register" target="_top"><span>Get Started Today</span></a></p>
    <h2 class="pitch">Already Registered?</h2>
    <p class="pitch"><a class="button secondary action" href="/login" target="_top"><span>Log In</span></a></p>
</div><!-- #embargomsg -->

Various links elsewhere in the page with a class of authctrl should open the fancybox...

<a class="authctrl" href="/specialstuff1">Special Stuff</a>
<a class="authctrl" href="/specialstuff2">Some Other Special Stuff</a>

... using this function:

$('.authctrl').click(function(e){
    e.preventDefault();
    $('#embargomsg').fancybox({
    closeClick : false
    }).trigger('click');
});

... but when either of the .authctrl links are clicked, the Fancybox seems to just quickly close and reopen. I tried adding closeClick: false to no avail.

Answer 1

Does $('#embargomsg') have an href?

$('.authctrl').click(function(e){
    e.preventDefault();
    $('#embargomsg').trigger('click');
});

$('#embargomsg').fancybox({
    closeClick : false
});

provide some markup please.