Question

我正在使用此jQuery Confirm Dialog Replacement脚本进行常规文本链接。但我也想在提交表格时使用它，但我遇到了问题。

HTML：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A jQuery Confirm Dialog Replacement with CSS3 | Tutorialzine Demo</title>

<link href='http://fonts.googleapis.com/css?family=Cuprum&amp;subset=latin'       rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="jquery.confirm/jquery.confirm.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="jquery.confirm/jquery.confirm.js"></script>
<script src="js/script.js"></script>

</head>
<body>


    <form action="test.php" method="post" id="reg">
        <input type="submit" name="submit" class="confirm" value="Submit" />
    </form>

</body>
</html>

的script.js：

$(document).ready(function(){

$('.confirm').click(function(e){
    e.preventDefault();


    $.confirm({
        'title'     : 'Delete Confirmation',
        'message'   : 'You are about to delete this item. <br />It     cannot be restored at a later time! Continue?',
        'buttons'   : {
            'Yes'   : {
                'class' : 'blue',
                'action': function(){
                    $("#reg").submit();
                }
            },
            'No'    : {
                'class' : 'gray',
                'action': function(){}  
            }
        }
    });

});

});

为什么这不起作用？谢谢你的回答！

Answer 1

如果我的评论令人困惑，可以尝试更新的JS。

尝试1：

$(document).ready(function(){

$('.confirm').click(function(e){
    e.preventDefault();


    $.confirm({
        'title'     : 'Delete Confirmation',
        'message'   : 'You are about to delete this item. <br />It     cannot be restored at a later time! Continue?',
        'buttons'   : {
            'Yes'   : {
                'class' : 'blue',
                'action': function(){
                    $("form").submit();
                }
            },
            'No'    : {
                'class' : 'gray',
                'action': function(){}  
            }
        }
    });
});

});

尝试2：

$(document).ready(function(){

$('.confirm').click(function(e){
    // e.preventDefault();


    $.confirm({
        'title'     : 'Delete Confirmation',
        'message'   : 'You are about to delete this item. <br />It     cannot be restored at a later time! Continue?',
        'buttons'   : {
            'Yes'   : {
                'class' : 'blue',
                'action': function(){
                    $("#reg").submit();
                }
            },
            'No'    : {
                'class' : 'gray',
                'action': function(){}  
            }
        }
    });
    return false;
});

});

使用jQuery确认对话框替换提交表单

1 个答案: