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

Question

我有以下 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 ;       
});

问候，佐兰

Answer 1

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

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;
        }
    });
});