jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 打开一个fancybox而另一个fancybox实例打开大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
用户点击按钮时,我会显示一个指示用户应该等到操作完成的fancybox

@H_674_7@jQuery(document).ready(function () { $.fancybox('Please Wait...',{'modal':truE}); });

现在我通过$.post函数检查请求的操作并返回结果消息(操作成功或错误操作失败的原因)现在我想要关闭一个fancybox显示新的fancybox与我从ajax得到的响应:

@H_674_7@$.post('someurl.aspx',{'somethingtopost':'value'},function(data){ jQuery(document).ready(function () { $.fancybox(data); }); } );

问题是第二个fancybox没有显示.关闭一个fancybox时会有很多例子显示第二个fancybox(添加到onClosed属性)但是在这个中我不希望在关闭一个fanyBox之后显示第二个fanyBox,我想在动作是时显示它完成.

解决方法

您可以随时触发第二个fancybox,无论是否已经打开过(并且不先关闭它).只需在动作完成后尝试触发第二个fancybox.

第二个fancybox窗口(一旦被触发)将替换第一个没有任何进一步关闭命令.

@H_674_7@function openfancybox() { setTimeout( function() {$('#delayed').trigger('click'); },10000); } $(document).ready(function() { $('#pageLoad').fancybox({ Helpers: {overlay:{opacity: 0.3}} }).click(); openfancybox(); $('#delayed').fancybox({ Helpers: {overlay:{opacity: 0.3}} }); }); // ready

我设置一个example page here,在页面加载时启动fancybox,然后在10秒后触发第二个fancybox.

第二个触发后,第一个fancybox自动关闭.

updatE

或许你更喜欢this version

@H_674_7@function openfancybox() { setTimeout( function() {$('#delayed').trigger('click'); },10000); } $(document).ready(function() { $('#goProcess').click(function(){ $.fancybox({ href: '#wait',modal: true,Helpers: {overlay:{opacity: 0.3}},afterLoad: function() { openfancybox(); } }); // fancybox }); $('#delayed').fancybox({ Helpers: {overlay:{opacity: 0.3}} }); }); // ready

单击按钮打开fancybox,然后在10秒后触发第二个fancybox(或在后台进程完成后.)

大佬总结

以上是大佬教程为你收集整理的jquery – 打开一个fancybox而另一个fancybox实例打开全部内容,希望文章能够帮你解决jquery – 打开一个fancybox而另一个fancybox实例打开所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。