Javascript 使用fancybox中的按钮运行jQuery函数

我有一个fancybox加载在一个具有动画多步骤表单的页面上

fancybox由几个链接组成，其中一个链接应该在关闭fancybox后触发窗体

<a href="javascript:;" onclick="$.fancybox.close();" id="startbox">
<img src="http://website.com/img/button.png"><br>Fill the form</a>

我用上面的按钮在页面上自己，它的作品完美。基本上淡出当前设置，淡出下面的步骤1-代码，以供参考

$('#start').click(function() {
  $('#main').addClass('fadeOutLeft').fadeOut('fast');
  $('#step').addClass('fadeInRight active-step').show();
});

---

但它似乎不起作用，我被难倒了。fancybox关闭，就这样。

您是否介意将其添加到JSFIDLE中？我不确定到底是什么问题，即使这个afterClose工作得很好。看起来像是一个输入错误：在单击功能中，你使用的是

$（'step'）

，而不是

$（'step1'）

@Ivan不确定如何将其添加到小提琴中，发生了很多代码。HTML+CSS+渐弱的动画。@Meldon这是一个输入错误，我正在更改步骤的名称。JSFIDLE是一个在线调试工具，我们可以在其中学习并解决问题

$('#start').click(function() {
  $('#main').addClass('fadeOutLeft').fadeOut('fast');
  $('#step').addClass('fadeInRight active-step').show();
});