Question

我正在用jquery创建一个小游戏，如果他们赢了游戏，我想向用户展示一个小盒子。

这里的条件是(correctcards ==10) 我试图在其上调用对话框，但它无法正常工作。

谁能告诉我为什么？

（我还用Aready尝试创建一个新的div，当正确的卡片变成10并在其上调用对话框时，但它也不起作用）

if (correctCards == 10) {
  endTime = new Date().getTime();
  time();
  console.log('Spiel endet');
  $('#myDialog2').dialog({
    autoOpen: true,
    modal: true,
    resizable: false,
    draggable: false,
    buttons: {
      'Next Level': function() {
        $(this).dialog('close');
      },
      'Close': function() {
        $(this).dialog('close');
      },
    }
  })

}

<div id="myDialog2">You won</div>

Answer 1

您需要在if之外创建对话框。

  $('#myDialog2').dialog({
    autoOpen: false,
    modal: true,
    resizable: false,
    draggable: false,
    buttons: {
      'Next Level': function() {
        $(this).dialog('close');
      },
      'Close': function() {
        $(this).dialog('close');
      },
    }
  });

var correctCards = 10;

if (correctCards == 10) {
  console.log('Spiel endet');
  $('#myDialog2').dialog('open');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script
  src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
  integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
  crossorigin="anonymous"></script>
  <link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css">
<div id="myDialog2" style>You won</div>

jQuery UI对话框在if条件下打开

1 个答案: