我遇到的问题是,当我尝试在javascript中加载dashboard.html,然后将<div id="dash" style="..."></div>
放在<div id="toolbar">
下面时,整个dashboard.html文件不可见吗?但是,如果我将<div id="toolbar">
放在<div id="dash" style="..."></div>
下面,那么dashboard.html是否可见?我希望工具栏位于上方,而不位于下方,该如何工作?
index.html(这不起作用,因为破折号在工具栏下面。)
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript" src="canvasjs-1.6.2/canvasjs.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script>
$(function(){
$("#toolbar").load("TopNavigationBar.html");
$("#dash").load("dashboard.html");
});
</script>
</head>
<body>
<div id="toolbar">
<div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>
</body>
</html>
index.html(这是有用的,因为破折号在工具栏上方。
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<script type="text/javascript" src="canvasjs-1.6.2/canvasjs.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script>
$(function(){
$("#toolbar").load("TopNavigationBar.html");
$("#dash").load("index.html");
$("#selectTable").load("ListOfTableSensors.html");
});
</script>
</head>
<body>
<div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>
<div id="toolbar">
</body>
</html>
最佳答案
您需要关闭
<div id="toolbar">
更改为
<div id="toolbar"></div>
它应该做您想要的。
测试尝试
<div id="toolbar">Hello</div>
<div id="dash" style="height:600px;width:1280px; background-image: url('img/dashboard-layout.png'); background-repeat: no-repeat; background-color: #303032;"></div>
并且您将在
hello
div上方看到dash
。