模态提示-如何重写此代码

modal prompt - how to rewrite this code?

本文关键字:重写 代码 提示 何重写 模态      更新时间:2023-09-26

我有下面的javascript确认对话框,我想让它成为模态对话框,这样我就可以根据我的页面设计对它进行样式设置。对话框按原样工作,我只想让它成为模态,使用纯javascript或jquery,但不使用jquery用户界面。

这是我的代码:

$(".oneUser").submit(function() {    
    var agree=confirm("Record will be deleted! 'n Are you sure?");
    if (agree)
        return true ;
    else
        return false ;       
});

此致,Zoran

您可以使用在不同问题中找到的相同结构,并在此处应用它。

HTML:

<div id="confirm" style="display:none;"></div>

JavaScript:

function showConfirmDialog(message) {
    $("#confirm").html(message);
    $("#confirm").dialog('open');
}
$(function() {
    var submitForm = $('.oneUser');
    var submit = false;
    $("#confirm").dialog({
        resizable: false,
        height: 140,
        modal: true,
        autoOpen: false,
        buttons: {
            'Submit': function() {
                $(this).dialog('close');
                submit = true;
                submitForm.submit();
            },
            'Cancel': function() {
                $(this).dialog('close');
            }
        }
    });
    $("#confirm").parent().appendTo($(".oneUser")); 
    submitForm.submit(function() {
        if (submit) {
            return true;
        } else {
            showConfirmDialog("Record will be deleted! <BR /> Are you sure?");
            return false;
        }
    });
});