Question

我需要一些非常基本的帮助。基本上，我试图创建一个模态确认对话框，我已经完成了大部分工作。简单地说，这是一个对话，询问“你确定吗？”两个按钮“是”和“否”

<script>
$(function() {
    $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:140,
        modal: true,
        buttons: {
            "Yes": function() {},
            "No": function() {
                $( this ).dialog( "close" );
            }
        }
    });
});
</script>

当我点击“是”时，该框关闭并完成运行我想要的脚本？这可能是一件新事物，但我正在学习，而不是以任何特定的顺序

更新1

新代码：

$('#stats_ensaves').click(function(){
        $('#thedialog').dialog('open');
        return false;
    });
    $('#thedialog').dialog({
        autoOpen: false,
        width: 300,
        buttons: {

            "Confirm": function(){
                $("#stats_ensaves").dialog("open");

            },

            "Cancel": function() {
                $(this).dialog("close");

            }
        }
    });

stats_ensaves就在这里：Energy Saves: <a href="http://www.galatium.net/account.php?onnow=N" id="link">ON (7 left)</a>

我的新问题是：为什么不将确认按钮链接到该链接？

Answer 1

...
        buttons: {
            "Yes": function() {
                // some code here when yes was clicked
                $( this ).dialog( "close" );
             },
            "No": function() {
                $( this ).dialog( "close" );
            }
...

Answer 2

$(".confirm").click(function(e) {
    e.preventDefault();
    var targetUrl = $(this).attr("href");
    var $dialog-confirm = $('<div></div>').
        html("<p>Are you sure?</p>").
        dialog({autoOpen: false,
        title: 'Please Confirm',
        buttons : {
            "Yes" : function() {....},
            "No" : function() {....}
        },
        modal: true
    });

    $dialog-confirm.dialog("open");
});

Answer 3

您想要运行什么脚本？它没有显示也没有参考。我假设它被称为myFunction。

这是一个fiddle

注意：请将这些标记为 jquery-ui

模态确认jquery建议

3 个答案: