无法使用jQuery打开自定义对话框

Question

我正在尝试使用jQuery Core创建自定义对话框。

<button id="finish" value="Finish">Finish</button>
<dialog id="confirm-finish">
    <p>Confirm to end test</p>
    <span>
        <button value="y">Yes</button>
        <button value="n">No</button>
    </span>
</dialog>

$("#finish").click(function(){
    $("confirm-finish").dialog('open');
});

dialog（）和modal（）函数都无法在这里工作

我期望可以使用核心jquery打开对话框的功能

Answer 1

要打开对话框，没有内置功能。<​​/ p>

您需要添加打开属性显示对话框

$("#confirm-finish").attr('open','');

要再次隐藏它，您必须致电

$("#confirm-finish").removeAttr('open');

模态是您需要使用引导程序库的另一件事，并且最好使用模态，因为它提供了更好的选项来管理更好的UI。