Fancybox和自定义脚本

Question

我有一个链接

<a href='#detail_form' class='btn fancybox detail'> Details...</a>

并形成

<form id="detail_form" class="hidden">
...
</form>

这个我要处理的脚本点击一个＃detail_form。它工作正常

$(".detail").on('click', function() {
                var self = $(this).parent().parent();
                $.ajax({
                    type: 'post',
                    url: 'details',
                    data: {id: self.children("input").attr("value")}
                }).done(function(data) {
                    if (data=="true")
                    {
                        var a = self.children("a").children("span");
                        a.html(parseInt(a.html())+1);

                    }
                });
                return false;
            });

我也叫fancybox

$(".fancybox.detail").fancybox({
        width: 600,
        autoDimensions: true,
        fitToView : false,
        scrolling : 'no'
    });

当我点击＃detail_form时，我的脚本正在启动，但是fancybox没有响应。