Question

我有以下javascript确认对话框，我想让它成为模态，所以我可以根据我的页面设计来设置它。 Dialog按原样工作，我只想使用普通的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

您可以使用different question中的相同结构并在此处应用。

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

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

1 个答案: