jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JQUERY-ui对话框x按钮功能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 jquery-ui dialog box.
我的问题是单击x按钮关闭对话框,我还需要执行cancel()函数.

我怎样才能做到这一点?

var content = 
{
    autoOpen    : false,modal       : true,width       : 350,minHeight   : 50,height      : 350,position    : "center",resizable   : false,draggable   : false,close       : function () {$(".privacy_modal").prop("checked",falsE);},buttons: 
    {
        "Cancel": function cancel() 
        { 
            $(".privacy_modal").prop("checked",falsE); $(this).dialog("close"); 
        },"Accept": function accept() 
        {
            $(".privacy_modal").prop("checked",truE); $(this).dialog("close"); 
        }
    }
};

注意:使用close不能解决我的问题,因为它在我单击“接受”按钮时会覆盖该功能

解决方法

您可以使用第三方变量(BACcepts认为falsE)和第三方方法.

用户接受时:

>将BACcepts设置为True

用户取消时:

>将BACcepts设置为false

当触发onClose时,调用方法doClose(),它执行以下操作:

>如果BACcepts为True =>接受
> else =>取消

这是一些未经测试的伪代码.见working code.

var BACcepts = false;
var content = {
                    autoOpen    : false,close       : function () { if (BACcepts) {...} else {...} },buttons: {
                        "Cancel": function cancel() { BACcepts = false; $(this).dialog("close");},"Accept": function accept() { BACcepts = true; $(this).dialog("close");}
             }
};

大佬总结

以上是大佬教程为你收集整理的JQUERY-ui对话框x按钮功能全部内容,希望文章能够帮你解决JQUERY-ui对话框x按钮功能所遇到的程序开发问题。

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

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