【问题标题】:Jquery Enable and Disable option close from a dialog box从对话框关闭 Jquery 启用和禁用选项
【发布时间】:2016-08-11 11:11:11
【问题描述】:

我需要知道如何启用或禁用 Jquery 对话框的关闭选项。

首先我打开它:

$(".dialog-content").dialog('open');

其次我编辑他的内容:

$(".dialog-body p").html("DO NOT CLOSE IT");

第三,我需要禁用他的关闭选项。做一些动作。并在下面启用他的关闭选项。

【问题讨论】:

    标签: jquery jquery-ui dialog


    【解决方案1】:

    您可以像这样隐藏和显示关闭按钮:

    $("#div1").dialog({                    // call .dialog method to create the dialog markup
        autoOpen: false,
        closeOnEscape: true
    });
    

    // 隐藏

    $(".ui-dialog-titlebar-close").hide();
    

    // 显示

    $(".ui-dialog-titlebar-close").show();
    

    【讨论】:

    • 以及关闭选项时的转义?
    • 设置 closeOnEscape: true 用于在退出按钮上关闭对话框
    • 我的意思是当对话框已经打开时如何启用或禁用它
    • 我像这样初始化我的对话框,我想在她打开后更改关闭选项 $(".dialog-content").dialog({ autoOpen: false, closeOnEscape: true, modal: true, height: 'auto', width: 'auto', create: function(){ $(this).css('maxWidth', dWidth); }, show: { effect: 'fade', duration: 200 }, beforeClose: function() { $('.dialog-body p').css({ color : '#052D92' }); $('.dialog-body').css({ color : '#052D92' }); $ ('#ui-datepicker-div').css({ display : 'none' }); }, hide: { effect: 'fade', duration: 200 } });
    • 打开对话框后我们不能改变它的属性。我们需要先用它的新属性重新初始化对话框,然后再重新打开对话框。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-11-03
    • 1970-01-01
    • 2016-05-12
    • 2014-12-04
    • 2011-04-01
    • 1970-01-01
    • 2011-04-18
    相关资源
    最近更新 更多