我在搞异步调用。我想生成一个仪表板并使用 id "1" 对其进行初始化。它生成元素,我可以单击它并生成另一个带有元素的仪表板。它就像一棵树。
所以我可以生成 id 为 1 的仪表板,但我不能点击它。我知道,这是因为我的代码中的异步调用,但我实际上不知道如何修复它。我在搞乱延迟对象,但它没有帮助我。所以这是基础:
/// <reference path="jquery.d.ts" />
/// <reference path="scripts/Dashboard.ts" />
$(document).ready(function ()
{
init();
jQuery('.Reference').click(function()
{
var classId = jQuery(this).attr('class');
jQuery('#content').remove();
generateDashboard(parseInt(classId), (d: Dashboard): void =>
{
d.printDashboard();
});
});
});
function generateDashboard(param: number, callback: (d: Dashboard) => void): void
{
new Dashboard(param, callback);
}
function init()
{
generateDashboard(1, (d: Dashboard): void =>
{
d.printDashboard();
});
}
提前致谢 :)
编辑:这里生成的 HTML。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Dashboard</title>
<link type="text/css" href="app.css" rel="stylesheet">
<script src="jquery.js">
<script src="app.js">
<script src="scripts/Helper.js">
<script src="scripts/Dashboard.js">
<script src="scripts/Elements.js">
<script src="scripts/Leaf.js">
<script src="scripts/Status.js">
<script src="scripts/Threshold.js">
<script src="scripts/Item.js">
</head>
<body>
<h1 id="dashboard"></h1>
<div id="content">
<div class="1">Element-1</div>
<div class="31">Element-4</div>
<div id="31" class="Reference">Element-2</div>
</div>
</body>
</html>