Jquery UI对话框不会在按钮单击时关闭

Question

我必须遗漏一些显而易见的东西。该对话框将使用右上角的关闭按钮关闭，但我已将其隐藏，以便他们必须回答问题。但是，对话框不会在按钮上单击操作时关闭。我查看了 StackO 上的其他帖子，但无济于事......我在这里做错了什么？

<link rel="stylesheet" href="/css/jquery-ui.css">
<script src="/js/jquery.js"></script>
<script src="/js/jquery-ui.js"></script>

<div id="dialog" title="Age Disclaimer">Are you 21 years old?</div>

<script>
$( "#dialog" ).dialog ({ 
     autoOpen: true,
     width: 410
});

$("#dialog").dialog ({
    dialogClass: "no-close",
  buttons: {
     'Yes, I am 21 years old!': function() {
         $("#dialog").dialog('close');
     },
    'No, I am not 21 years old.': function() {
         $(this).dialog('close');
    }
  }
});
</script>

Answer 1

您可以使用$("#dialog").dialog('close'); 关闭对话框。然后就是：

$("#dialog").dialog ({
    dialogClass: "no-close",
  buttons: {
     'Yes, I am 21 years old!': function() {
         $("#dialog").dialog('close');
     },
    'No, I am not 21 years old.': function() {
         $("#dialog").dialog('close');
    }
  }
});

演示：https://jsfiddle.net/n5v3ux64/