显示jquery fancybox作为ajax的成功

我有：

• 显示fancybox和的链接
• 

  ，当在ajax成功点击submit按钮时，在页面上显示一条消息。 他们都很好。

代码如下。

  $(document).ready(function () { //this fancybox appears when ... clicked $(".fancybox-effects-d").fancybox({ padding:15, closeBtn:true, }); $("form#submit").submit(function () { var name = $('#name').attr('value'); var password = $('#password').attr('value'); $.ajax({ type:"POST", url:"index/success", data:{ name:name, password:password}, success:function () { //this form disappears and div appears when submit button of the ... clicked $('form#submit').hide(function () { $('div#errors').fadeIn(3000); }); } }); return false; }); });  

我想移动那个fancybox出现在ajax上的成功。 我该怎么做？

Answer 1

您可以使用此简单function手动调用fancybox

 $.fancybox( '
Content of the box in HTML
', { padding:15, closeBtn:true } ); 

只需将其添加到成功函数中即可。

Answer 2

您可以使用对最终用户不可见的链接，并使用jQuery在ajax成功回调上触发它。 像这样的东西：