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

我有下面的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>

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

JavaScript:

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

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

函数showConfirmDialog（消息）{
$（“#确认”）.html（消息）；
$（“#确认”）。对话框（“打开”）；
}
$（函数（）{
var submitForm=$（'.oneUser'）；
var submit=false；
$（“#确认”）。对话框({
可调整大小：false，
身高：140，
莫代尔：是的，
自动打开：错误，
按钮：{
“提交”：函数（）{
$（this.dialog（'close'）；
提交=真；
submitForm.submit（）；
},
“取消”：函数（）{
$（this.dialog（'close'）；
}
}
});
$（“#确认”）.parent（）.appendTo（$（“.oneUser”）；
submitForm.submit（函数（）{
如果（提交）{
返回true；
}否则{
showConfirmDialog（“记录将被删除！
您确定吗？”）；
返回false；
}
});
});

CSS很容易编辑。提示是内置的同步功能，因此，是的，你必须创建一些隐藏的绝对/固定div，或者动态生成它们，并将回调绑定到它们的yes/no按钮，或者使用一个已经存在的插件。最好使用一个专门的插件：我可以推荐即兴-jQuery插件。您可以使用jQuery UI对话框插件：。无法设置javascript确认对话框的样式。此对话框已被弃用，不再受支持。apprise网站上显示的消息如下：-(