Question

如何在画布中创建新的框架/窗口？我正在尝试制作游戏，并且当您按下按钮时会有一个功能，会弹出一个菜单屏幕，显示一堆信息。目前我在按下按钮的地方工作，它会弹出一个占位符图像，我现在想要替换它。

我知道在Java中您只需要创建一个新的JFrame或JPanel，但是如何在JavaScript中执行此操作？

Answer 1

jQuery的模态对话很受欢迎：

jquery模式对话框窗口是一个位于视口内的重叠div元素，受到保护，不受页面内容（如选择元素）的影响。它有一个标题栏和一个内容区域，默认情况下可以使用“x”图标移动，调整大小和关闭。

定义弹出窗口

通过创建包含信息内容的div元素来定义jquery对话框窗口。

<div id="MyInfo" title="My Popup dialog">

  <p id="myContent">Here is 'a bunch of information' and images too!<p>

  <img src="anyImage.png">

</div>

显示弹出窗口

jQuery最初会隐藏你的popup div。你可以像这样显示弹出div;

$( "#MyInfo" ).dialog("open");

因此，如果您希望在按下按钮时显示弹出窗口，则可以执行以下操作：

$("#myButton").click(function(){  $("#MyInfo").dialog("open"); });

而且，是的，您可以通过AJAX调用获取所需的内容，然后将该信息放入您的jquery弹出窗口。

$("#myContent").text("Here's some info from an AJAX GET request");

有很多有用的选项可用于jQuery对话框，包括动画和按钮。

在Javascript画布中创建一个新的框架/窗口？

1 个答案: