Html 脚本在单击时不工作

我找到了一个对话框脚本，我想使用

按钮
onclick
。但它不起作用。
有什么帮助吗

我的修改

<input type="button" id="btnOpenDialog" value="Open Confirm Dialog"    onclick="fnOpenNormalDialog()"/>
<div id="dialog-confirm"></div>

function fnOpenNormalDialog() {
    $("#dialog-confirm").html("Confirm Dialog Box");

    // Define the Dialog and its properties.
    $("#dialog-confirm").dialog({
        resizable: false,
        modal: true,
        title: "Modal",
        height: 250,
        width: 400,
        buttons: {
            "Yes": function () {
                $(this).dialog('close');
                callback(true);
            },
                "No": function () {
                $(this).dialog('close');
                callback(false);
            }
        }
    });
}

function callback(value) {
    if (value) {
        alert("Confirmed");
    } else {
        alert("Rejected");
    }
}


函数fnOpenNormalDialog（）{
$（“#对话框确认”）.html（“确认对话框”）；
//定义对话框及其属性。
$（“#对话框确认”）。对话框({
可调整大小：false，
莫代尔：是的，
标题：“模态”，
身高：250，
宽度：400，
按钮：{
“是”：函数（）{
$（this.dialog（'close'）；
回调（true）；
},
“否”：函数（）{
$（this.dialog（'close'）；
回调（假）；
}
}
});
}
函数回调（值）{
如果（值）{
警报（“确认”）；
}否则{
警告（“拒绝”）；
}
}
使用以下方法：

<button value="click me" onclick="fnOpenNormalDialog()">



要使函数调用成功，您需要添加括号。
只需将javascript函数括在HTML块的标记中，如下所示：

<input type="button" id="btnOpenDialog" value="Open Confirm Dialog"    onclick="fnOpenNormalDialog()"/>
<div id="dialog-confirm"></div>
<script>
    function fnOpenNormalDialog() {
    $("#dialog-confirm").html("Confirm Dialog Box");
    // Define the Dialog and its properties.
    $("#dialog-confirm").dialog({
        resizable: false,
        modal: true,
        title: "Modal",
        height: 250,
        width: 400,
        buttons: {
            "Yes": function () {
                $(this).dialog('close');
                callback(true);
            },
                "No": function () {
                $(this).dialog('close');
                callback(false);
            }
        }
    });
}
function callback(value) {
    if (value) {
        alert("Confirmed");
    } else {
        alert("Rejected");
    }
}
</script>


函数fnOpenNormalDialog（）{
$（“#对话框确认”）.html（“确认对话框”）；
//定义对话框及其属性。
$（“#对话框确认”）。对话框({
可调整大小：false，
莫代尔：是的，
标题：“模态”，
身高：250，
宽度：400，
按钮：{
“是”：函数（）{
$（this.dialog（'close'）；
回调（true）；
},
“否”：函数（）{
$（this.dialog（'close'）；
回调（假）；
}
}
});
}
函数回调（值）{
如果（值）{
警报（“确认”）；
}否则{
警告（“拒绝”）；
}
}

演示：
在使用IE11时工作正常您是否同时包含jQuery和jQuery UI？是的。。我正在使用JSFIDLE onlyHi all，问题在于
onload脚本
我应该在body或head中调用它。它会起作用的。嗨，德帕利，你所展示的是正确的，和我所做的非常相似。但实施的方式并不正确。您应该删除onload选项并单独调用脚本部分，您可以用两种方式来完成！最后一把小提琴也是正确的，你送的