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/

单击按钮时，JqueryUI对话框不会关闭

1 个答案: